From ab7389e7b9f56ef19aee157a2896d47422833321 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Mon, 19 Feb 2024 19:42:38 +0100
Subject: [PATCH] chore: change import of proptype

---
 components/Fields/Stars.vue | 31 +++++++++++++++++++++++++++++--
 stores/map.ts               |  5 ++---
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/components/Fields/Stars.vue b/components/Fields/Stars.vue
index dd61f7abc..b8b182545 100644
--- a/components/Fields/Stars.vue
+++ b/components/Fields/Stars.vue
@@ -1,8 +1,22 @@
 <script lang="ts">
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
+import type { PropType } from 'vue'
 import { defineNuxtComponent } from '#app'
 
+enum StarsEnum {
+  One = '1',
+  OneS = '1S',
+  Two = '2',
+  TwoS = '2S',
+  Three = '3',
+  ThreeS = '3S',
+  Four = '4',
+  FourS = '4S',
+  Five = '5',
+  FiveS = '5S',
+}
+
 export default defineNuxtComponent({
   components: {
     FontAwesomeIcon,
@@ -10,19 +24,32 @@ export default defineNuxtComponent({
 
   props: {
     stars: {
-      type: Number,
+      type: String as PropType<StarsEnum>,
       required: true,
     },
   },
+  computed: {
+    isSNotation(): boolean {
+      return Boolean(this.stars.includes('S'))
+    },
+    numericProp(): number {
+      let stars: string = this.stars
+      if (this.isSNotation)
+        stars = this.stars.slice(0, -1)
+
+      return Number(stars)
+    },
+  },
 })
 </script>
 
 <template>
   <div class="stars-data tw-text-amber-500 tw-mb-1">
     <FontAwesomeIcon
-      v-for="index in stars"
+      v-for="(_item, index) in numericProp"
       :key="index"
       icon="star"
     />
+    {{ isSNotation ? 'S' : '' }}
   </div>
 </template>
diff --git a/stores/map.ts b/stores/map.ts
index 7b173ad6d..2d7ae5459 100644
--- a/stores/map.ts
+++ b/stores/map.ts
@@ -60,10 +60,9 @@ export const mapStore = defineStore('map', {
           const cleanProperties: { [key: string]: any } = {}
 
           Object.keys(feature.properties).forEach((key) => {
-            if (IsJsonString(feature.properties[key]))
+            if (key !== 'stars' && IsJsonString(feature.properties[key]))
               cleanProperties[key] = JSON.parse(feature.properties[key])
-            else
-              cleanProperties[key] = feature.properties[key]
+            else cleanProperties[key] = feature.properties[key]
           })
 
           goodFeature.properties = cleanProperties as ApiPoiProperties