Merge pull request #41 from fabricadesoftware-ifc/feature-40-footerStyle

chore: add footer links
fabricadesoftware-ifc · Jun 1, 2024 · ef45777 · ef45777
2 parents 46ae555 + 23fea61
commit ef45777
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 14 deletions.
diff --git a/src/components/FooterComp.vue b/src/components/FooterComp.vue
@@ -19,8 +19,12 @@ onMounted(async () => {
         <h4>{{ itens.title }}</h4>
         <ul>
           <li v-for="i in itens.accessDetails" :key="i">
-            <a href=""> {{ i.link }} </a>
-            <span href=""> {{ i.desc }} </span>
+            <a :href="i.to" v-if="i.desc !== ''"> {{ i.link }} </a>
+            <a :href="i.to" target="_blank" v-else>
+              <box-icon style="margin: 0 8px" color="var(--white)" size="2em" type="logo"
+                :name="i.link"></box-icon>
+            </a>
+            <span v-if="i.desc!==''"> {{ i.desc }} </span>
           </li>
         </ul>
       </div>

diff --git a/src/data/mock/footer.ts b/src/data/mock/footer.ts
@@ -13,37 +13,46 @@ const footer: Array<IFooter> = [
     title: 'LINKS RÁPIDOS',
     accessDetails: [
       {
-        link: 'Lorem ipsum'
+        link: 'Notícias',
+        to: '/#news',
       },
       {
-        link: 'Lorem ipsum'
+        link: 'Projetos',
+        to: '/#projects',
       },
       {
-        link: 'Lorem ipsum'
+        link: 'Membros',
+        to: '/#members',
       },
       {
-        link: 'Lorem ipsum'
+        link: 'Publicações',
+        to: '/#publications',
       },
     ]
   },
   {
-    title: 'BLA',
+    title: 'Redes Sociais',
     accessDetails: [
       {
-        link: 'Lorem ipsum'
+        link: 'github',
+        to: 'https://github.com/fabricadesoftware-ifc',
+        desc: ''
       },
       {
-        link: 'Lorem ipsum'
+        link: 'instagram',
+        to: 'https://www.instagram.com/f_softwareifc/',
+        desc: ''
       },
       {
-        link: 'Lorem ipsum'
+        link: 'twitter',
+        to: 'https://x.com/FabSoftwareIFC',
+        desc: ''
       },
       {
-        link: 'Lorem ipsum'
+        link: 'linkedin-square',
+        to: 'https://br.linkedin.com/company/nodes-fabrica-de-software',
+        desc: ''
       },
-      {
-        link: 'Lorem ipsum'
-      }
     ]
   },
   {