refactor(feature-info): rename content to featureInfoPanelContent

Geoportail-Luxembourg · Nov 22, 2024 · 89607ea · 89607ea
1 parent c0b5a47
commit 89607ea
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/src/components/info/feature-info.composable.ts b/src/components/info/feature-info.composable.ts
@@ -15,7 +15,8 @@ const INFO_SERVICE_URL = import.meta.env.VITE_GET_INFO_SERVICE_URL
 
 export default function useFeatureInfo() {
   const map = useMap().getOlMap()
-  const { setContent, setLoading, setInfoPanelHidden } = useFeatureInfoStore()
+  const { setFeatureInfoPanelContent, setLoading, setInfoPanelHidden } =
+    useFeatureInfoStore()
   const { fid } = storeToRefs(useFeatureInfoStore())
   const { toggleInfoOpen } = useAppStore()
   const { findById } = useThemes()
@@ -274,7 +275,7 @@ export default function useFeatureInfo() {
     }
     featureInfoService.highlightFeatures(lastHighlightedFeatures.value, fit)
 
-    setContent(content)
+    setFeatureInfoPanelContent(content)
   }
 
   function reset(openPanel = false) {

diff --git a/src/components/info/info-panel.vue b/src/components/info/info-panel.vue
@@ -8,7 +8,9 @@ import FeatureInfo from '@/components/info/feature-info.vue'
 
 const { t } = useTranslation()
 const appStore = useAppStore()
-const { content, isLoading } = storeToRefs(useFeatureInfoStore())
+const { featureInfoPanelContent, isLoading } = storeToRefs(
+  useFeatureInfoStore()
+)
 </script>
 
 <template>
@@ -23,7 +25,7 @@ const { content, isLoading } = storeToRefs(useFeatureInfoStore())
     </template>
 
     <template v-slot:content>
-      <div v-if="!content" class="text-white">
+      <div v-if="!featureInfoPanelContent" class="text-white">
         <ul class="list-disc pl-10">
           <li>
             {{ t(`A right click (tap and hold on mobile)...`, { ns: 'app' }) }}
@@ -33,8 +35,8 @@ const { content, isLoading } = storeToRefs(useFeatureInfoStore())
           </li>
         </ul>
       </div>
-      <div v-if="content && !isLoading">
-        <feature-info :content="content" />
+      <div v-if="featureInfoPanelContent && !isLoading">
+        <feature-info :content="featureInfoPanelContent" />
       </div>
     </template>
   </side-panel-layout>

diff --git a/src/stores/feature-info.store.ts b/src/stores/feature-info.store.ts
@@ -5,22 +5,23 @@ import { shallowRef, ShallowRef } from 'vue'
 export const useFeatureInfoStore = defineStore(
   'featureInfo',
   () => {
-    const content: ShallowRef<FeatureInfoJSON[] | undefined> = shallowRef()
+    const featureInfoPanelContent: ShallowRef<FeatureInfoJSON[] | undefined> =
+      shallowRef()
     const fid: ShallowRef<string | undefined> = shallowRef()
     const isLoading: ShallowRef<boolean> = shallowRef(false)
     const infoPanelHidden: ShallowRef<boolean> = shallowRef(false)
 
-    function setContent(value: FeatureInfoJSON[]) {
+    function setFeatureInfoPanelContent(value: FeatureInfoJSON[]) {
       if (!value || value.length === 0) {
-        content.value = undefined
+        featureInfoPanelContent.value = undefined
       } else {
-        content.value = [...value]
+        featureInfoPanelContent.value = [...value]
         isLoading.value = false
       }
     }
 
     function clearContent() {
-      content.value = undefined
+      featureInfoPanelContent.value = undefined
       isLoading.value = false
     }
 
@@ -37,11 +38,11 @@ export const useFeatureInfoStore = defineStore(
     }
 
     return {
-      content,
+      featureInfoPanelContent,
       fid,
       isLoading,
       infoPanelHidden,
-      setContent,
+      setFeatureInfoPanelContent,
       clearContent,
       setFid,
       setLoading,