convert sessions page to use settings content component

This commit is contained in:
jmt-gh 2022-11-25 21:08:10 -08:00
parent 762748225d
commit e3ec5dd506

View File

@ -1,9 +1,7 @@
<template> <template>
<div class="w-full h-full"> <div>
<div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8"> <app-settings-content :headerText="$strings.HeaderListeningSessions">
<div class="flex items-center mb-2">
<h1 class="text-xl">{{ $strings.HeaderListeningSessions }}</h1>
</div>
<div class="flex justify-end mb-2"> <div class="flex justify-end mb-2">
<ui-dropdown v-model="selectedUser" :items="userItems" :label="$strings.LabelFilterByUser" small class="max-w-48" @input="updateUserFilter" /> <ui-dropdown v-model="selectedUser" :items="userItems" :label="$strings.LabelFilterByUser" small class="max-w-48" @input="updateUserFilter" />
@ -56,7 +54,7 @@
</div> </div>
</div> </div>
<p v-else class="text-white text-opacity-50">{{ $strings.MessageNoListeningSessions }}</p> <p v-else class="text-white text-opacity-50">{{ $strings.MessageNoListeningSessions }}</p>
</div> </app-settings-content>
<modals-listening-session-modal v-model="showSessionModal" :session="selectedSession" @removedSession="removedSession" /> <modals-listening-session-modal v-model="showSessionModal" :session="selectedSession" @removedSession="removedSession" />
</div> </div>