changed visibility of social icons with boolean value in the links

Author: klezi10

components/layout/Footer.js

@@ -34,7 +34,7 @@ export default function Footer() {
           </nav>
           <div className={footerStyles.footer__socialIcons}>
             <ul className={footerStyles.footer__socialList}>
-              {linksSocial.map(link => (
+              {linksSocial.filter(link => link.isVisible).map(link => (
                 <li className={footerStyles.footer__socialItem} key={link.text}>
                   <Link href={link.href}>
                     <a title={link.text} target='_blank'>

styles/Footer.module.scss

@@ -72,10 +72,6 @@
     margin: revert;
     padding: 0;
 
-    li:first-child {
-      display: none;
-    }
-
     @include tablet {
       justify-content: end;
     }

utils/links.js

@@ -15,17 +15,20 @@ export const linksSocial = [
     text: 'LinkedIn',
     href: '#',
     src: '/images/svg/LinkedIn.svg',
+    isVisible: false,
   },
   {
     id: 2,
     text: 'YouTube',
     href: 'https://www.youtube.com/channel/UCCLwmU7r4IUWZOtH3bCEN6g',
     src: '/images/svg/YouTube.svg',
+    isVisible: true,
   },
   {
     id: 3,
     text: 'GitHub',
     href: 'https://github.com/Web-Dev-Path',
     src: '/images/svg/GitHub.svg',
+    isVisible: true,
   },
 ];