fixed mdi icons, added recit icon on map-popup

src/components/ConcernementMapPopup.vue

@@ -1,6 +1,9 @@
 <script>
 // import { RouterLink, RouterView } from 'vue-router'
 
+import SvgIcon from '@jamescoyle/vue-icon';
+import { mdiHeadphones } from '@mdi/js';
+
 import { mapState, mapActions } from 'pinia'
 // import { UserStore } from '@/stores/user'
 import { ConcernementsStore } from '@/stores/concernements'
@@ -15,7 +18,8 @@ export default {
       concernement: null,
       entite: null,
       besoin: null,
-      reponse: null
+      reponse: null,
+      headphones_path: mdiHeadphones
     }
   },
   created () {
@@ -104,6 +108,7 @@ export default {
     }
   },
   components: {
+    SvgIcon
   }
 }
 
@@ -123,6 +128,10 @@ export default {
           <li v-if="concernement.has_doleance" ><span class="icon doleancer"></span></li>
         </ul>
       </section>
+      <section v-if="infos.type === 'concernement' && concernement.has_recit" class="concernement-map-popup-recit">
+        <svg-icon type="mdi" :path="headphones_path"></svg-icon>
+      </section>
+      
       <section v-if="infos.type === 'entite'" class="entite-map-popup">
         <h1>{{ entite.entite.title }}</h1>
       </section>