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>
<div class="w-full h-full">
<div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8">
<div class="flex items-center mb-2">
<h1 class="text-xl">{{ $strings.HeaderListeningSessions }}</h1>
</div>
<div>
<app-settings-content :headerText="$strings.HeaderListeningSessions">
<div class="flex justify-end mb-2">
<ui-dropdown v-model="selectedUser" :items="userItems" :label="$strings.LabelFilterByUser" small class="max-w-48" @input="updateUserFilter" />
@ -56,7 +54,7 @@
</div>
</div>
<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" />
</div>