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;