Add support check for tags in PhotoDetails component

SmilyOrg · Sep 15, 2024 · ac37439 · ac37439
1 parent efdbcde
commit ac37439
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/ui/src/components/PhotoDetails.vue b/ui/src/components/PhotoDetails.vue
@@ -16,6 +16,7 @@
     </div>
     <dl class="contents" v-if="photo">
       <tags
+        v-if="tagsSupported"
         :region="region"
         :tags="region?.data?.tags"
         :loading="loading"
@@ -74,6 +75,7 @@ import { useRegion } from '../use';
 import DetailItem from './DetailItem.vue';
 import Map from './Map.vue';
 import Tags from './Tags.vue';
+import { useApi } from '../api';
 
 const props = defineProps({
   scene: Object,
@@ -89,6 +91,9 @@ const {
   regionId,
 } = toRefs(props);
 
+const { data: capabilities } = useApi(() => "/capabilities");
+const tagsSupported = computed(() => capabilities.value?.tags?.supported);
+
 const background = ref(null);
 const container = ref(null);