edit: panneau lien pour les réseaux des artistes

v1-com-officielle/src/indieComponents/ArtistPannel.vue

@@ -3,6 +3,7 @@
   import FolderIcon from '../assets/icons/folder.svg'
   import FileIcon from '../assets/icons/file.svg'
   import ReloadIcon from '../assets/icons/reload.svg'
+  import AboutIcon from '../assets/icons/about.svg'
   import BackIcon from '../assets/icons/back.svg'
   import { loadPeopleData } from '@/data/peopleData.js'
 </script>
@@ -35,7 +36,7 @@
         <p id="emptyFolderText" v-show="emptyFolder">Oops! There is nothing to display here...</p>
         <div v-show="displayedItems" class="theMatrix" @mousedown.stop @touchstart.stop @reload="dataFirstLoad">
           <div class="itemStyle" v-for="item in displayedItems" :class="{selectedItemStyle:item.isSelected, displayStyle: !item.isSelected}" :key="item.caption" @click="itemIsClicked(item)">
-            <component :is="item.type==='folder'? FolderIcon : FileIcon" class="icon"/>
+            <component :is="item.type==='folder'? FolderIcon : item.type === 'text'? FileIcon : item.type === 'link'? AboutIcon : CloseIcon" class="icon"/>
             <p class="itemCaption">{{item.caption}}</p>
           </div>
         </div>
@@ -245,7 +246,7 @@
         isNotRoot : false
       }
     },
-    emits: ['close','focus','openImg'],
+    emits: ['close','focus','openImg','openLink'],
     methods:{
       onDrag({ target, transform }) {
         target.style.transform = transform;
@@ -277,6 +278,19 @@
               src: e.src,
               caption: e.caption
             }
+            this.displayedDescription = e.description;
+        }
+        if (e.type === 'link'){
+          this.$emit('openLink');
+          dataStorage.selectedLink = {
+            linksData: e.links,
+            caption: e.caption,
+            description: e.description
+          }
+          console.log(dataStorage.selectedLink);
+        }
+        if (e.type === 'text'){
+          this.selectFile(e);
         }
 
       },