Adds SocialNetworks for Creators

src/views/creators/CreatorBanner.vue

@@ -1,5 +1,5 @@
 <template>
-  
+
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
@@ -89,26 +89,54 @@ function GetActiveSocialNetworkUrls() {
 
   const socialNetworks = [];
   const userSocialNetworks = props.creator.socialNetworks;
+  
   if (userSocialNetworks.facebookUrl !== null) {
-    socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
-  }
-  if (userSocialNetworks.xUrl !== null) {
-    socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
+    socialNetworks.push({
+      icon: "mdi-facebook",
+      url: props.creator.socialNetworks.facebookUrl
+    })
   }
   if (userSocialNetworks.instagramUrl !== null) {
-    socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
+    socialNetworks.push({
+      icon: "mdi-instagram",
+      url: props.creator.socialNetworks.instagramUrl
+    })
+  }
+  if (userSocialNetworks.xUrl !== null) {
+    socialNetworks.push({
+      icon: "mdi-twitter",
+      url: props.creator.socialNetworks.xUrl
+    })
+  }
+  if (userSocialNetworks.linkedInUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-linkedin',
+      url: props.creator.socialNetworks.linkedInUrl
+    })
   }
   if (userSocialNetworks.tikTokUrl !== null) {
     socialNetworks.push({
-      icon: '/images/externals/tiktok-white.png',
+      icon: '/images/socials/tiktok-white.png',
       url: props.creator.socialNetworks.tikTokUrl
     })
   }
   if (userSocialNetworks.youtubeUrl !== null) {
-    socialNetworks.push({icon: 'mdi-youtube', url: props.creator.socialNetworks.youtubeUrl})
+    socialNetworks.push({
+      icon: 'mdi-youtube',
+      url: props.creator.socialNetworks.youtubeUrl
+    })
+  }
+  if (userSocialNetworks.redditUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-reddit',
+      url: props.creator.socialNetworks.redditUrl
+    })
   }
   if (userSocialNetworks.websiteUrl !== null) {
-    socialNetworks.push({icon: 'mdi-web', url: props.creator.socialNetworks.websiteUrl})
+    socialNetworks.push({
+      icon: 'mdi-web',
+      url: props.creator.socialNetworks.websiteUrl
+    })
   }
 
   return socialNetworks;

src/views/creators/CreatorList.vue

@@ -28,6 +28,5 @@
 <script setup>
 
 import CreatorCard from "@/views/creators/CreatorCard.vue";
-import creators from "@/views/creators/creators.json";
 
 </script>

src/views/creators/creators.json

@@ -1,51 +0,0 @@
-[
-  {
-    "ìd": 1,
-    "name": "Hutopy",
-    "title": "Page officielle",
-    "description": "Site officiel pour Hutopy. Venez-nous-y retrouver avec tous vos fans!",
-    "imageUrl": "/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png",
-    "routerLink": "@hutopy",
-    "about": "Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur.",
-    "contacts": {
-      "twitter": "https://twitter.com/Hutopyinc",
-      "facebook": "https://www.facebook.com/Hutopy",
-      "instagram": "https://www.instagram.com/hutopy.inc/"
-    }
-  },
-  {
-    "id": 2,
-    "name": "L'effet",
-    "description": "Fondation",
-    "imageUrl": "/images/usersmedia/leffet/profilepictures/leffetProfile01.png",
-    "routerLink": "@leffet"
-  },
-  {
-    "id": 3,
-    "name": "Guillaume M",
-    "description": "Créateur de contenus",
-    "imageUrl": "/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png",
-    "routerLink": "@guillaumeaime"
-  },
-  {
-    "id": 4,
-    "name": "Chloé Beaugrand",
-    "description": "Spécialiste en médias sociaux",
-    "imageUrl": "/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png",
-    "routerLink": "@chloebeaugrand"
-  },
-  {
-    "id": 5,
-    "name": "Mathieu Caron",
-    "description": "Entrevue Atypique",
-    "imageUrl": "/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png",
-    "routerLink": "@mathieuCaron"
-  },
-  {
-    "id": 6,
-    "name": "ARPS",
-    "description": "Agence créative",
-    "imageUrl": "/images/usersmedia/ARPS/profilepictures/profileARPS.png",
-    "routerLink": "@ARPS"
-  }
-]