fix: don’t show inaccessible shows in show selector

refs #247

src/components/shows/ShowSelector.vue

@@ -80,7 +80,7 @@ import { useMagicKeys } from '@vueuse/core'
 
 import { useI18n } from '@/i18n'
 import { sanitizeHTML } from '@/util'
-import { useShowStore } from '@/stores'
+import { useAuthStore, useShowStore } from '@/stores'
 import SwitchButton from '@/components/SwitchButton.vue'
 import ComboBox from '@/components/ComboBox.vue'
 import AddShowButton from '@/components/shows/AddShowButton.vue'
@@ -92,6 +92,7 @@ defineOptions({ compatConfig: { MODE: 3 } })
 const keys = useMagicKeys()
 const { t } = useI18n()
 const showStore = useShowStore()
+const authStore = useAuthStore()
 
 const selectedShow = computed<Show | null>(() => showStore.selectedShow)
 const showSearchQuery = ref('')
@@ -105,13 +106,22 @@ const sortedShows = computed(() => {
   ])
 })
 const filteredShows = computed(() => {
-  return sortedShows.value
-    .filter((show) => (filterActive.value !== null ? show.isActive === filterActive.value : true))
-    .filter(
-      (show) =>
-        sanitizeHTML(show.name).toLocaleLowerCase().includes(showSearchQuery.value) ||
-        show.id.toString() === showSearchQuery.value,
-    )
+  return (
+    sortedShows.value
+      .filter((show) => (filterActive.value !== null ? show.isActive === filterActive.value : true))
+      // FIXME: Re-implementation of the ?isWritable=1 filter on the show API endpoint.
+      //        If we’re keeping the show selector it should be refactored to use the API.
+      .filter(
+        (show) =>
+          authStore.steeringUser?.isPrivileged ||
+          (authStore.steeringUser && show.ownerIds.includes(authStore.steeringUser.id)),
+      )
+      .filter(
+        (show) =>
+          sanitizeHTML(show.name).toLocaleLowerCase().includes(showSearchQuery.value) ||
+          show.id.toString() === showSearchQuery.value,
+      )
+  )
 })
 
 function toggleFilterActive(toggleState: boolean) {