fix entries not toggling hidden class

does not play well with promises it seems

projects/frontend/src/components/shared/filter-panel.vue

@@ -45,7 +45,6 @@ const onToggleTag = (event: Event, tagId: string) => {
       tagsToggled.splice(index, 1)
     }
   }
-  console.log(tagsToggled)
   emits('toggledTagsChanged', tagsToggled)
 }
 

projects/frontend/src/views/gallery/gallery-tile.vue

@@ -38,7 +38,9 @@ onMounted(async () => {
 
 <template lang="pug">
 include /src/templates/link.pug
-.gallery-embed
+.gallery-embed(
+  :id='id'
+)
   .thumbnail-wrapper(
     :class='{ warning: !!warning && !hideWarnings }'
   )

projects/frontend/src/views/shared/media-list.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, useTemplateRef, ref, toRaw } from 'vue'
+import { computed, onMounted, useTemplateRef, ref } from 'vue'
 import type {
   ConfigfulRouteDefinition,
   ListWithWarnings,
@@ -61,15 +61,22 @@ const className = computed(() => {
  * @param tagsToggled the tags currently toggled in the filter panel
  */
  const onToggledTagsChanged = async (tagsToggled: string[]) => {
+  await Promise.all((entriesRefs as any).value.map(async (val: any) => {
+    const el = val.$el as HTMLElement
+    const entry = await entries.value[el.id]
+
     if (tagsToggled.length < 1) {
-    Object.keys(entries.value).forEach(async entryId => {
+      entry.isHidden = false
-      (await entries.value[entryId]).isHidden = false
-    })
     } else {
-    Object.keys(entries.value).forEach(async entryId => {
+      entry.isHidden = !entry.tags?.some(own => tagsToggled.includes(own))
-      (await entries.value[entryId]).isHidden = !(await entries.value[entryId]).tags?.some(own => tagsToggled.includes(own))
-    })
     }
+
+    if (entry?.isHidden) {
+      el.classList.add('hidden')
+    } else {
+      el.classList.remove('hidden')
+    }
+  }))
 }
 
 /**