Chore: Update header link components

Author: RodrigoEC

src/components/Dropdown/Dropdown.tsx

@@ -6,6 +6,7 @@ import {
   Wrapper,
 } from "./Dropdown.styles";
 import { Icon } from "../Icon/Icon";
+import Link from "next/link";
 
 export const Dropdown = ({ item }: { item: ISection }) => {
   const { name, path, children } = item;
@@ -14,7 +15,7 @@ export const Dropdown = ({ item }: { item: ISection }) => {
     return (
       <NavItem>
         <ItemContent>
-          <a href={path}>{name}</a>
+          {path ? <Link href={path}>{name}</Link> : <span>{name}</span>}
         </ItemContent>
       </NavItem>
     );
@@ -23,7 +24,7 @@ export const Dropdown = ({ item }: { item: ISection }) => {
   return (
     <NavItem>
       <ItemContent>
-        <a href={path}>{name}</a>
+        {path ? <Link href={path}>{name}</Link> : <span>{name}</span>}
         <Icon id="arrow-head" width={11} height={9} />
       </ItemContent>
       {children && (

src/components/Footer/Footer.tsx

@@ -16,7 +16,7 @@ const Footer = () => {
       <LogoImage id="logo-oca-white" width={200} height={150} />
       <References>
         {Object.entries(sections).map(([key, item]) => (
-          <Sections key={key} href={item.path}>
+          <Sections key={key} href={item.path || ""}>
             {item.name}
           </Sections>
         ))}

src/components/Header/Header.styles.ts

@@ -1,5 +1,6 @@
 import styled from "styled-components";
 import { Icon } from "../Icon/Icon";
+import Link from "next/link";
 
 export const Wrapper = styled.div`
   display: flex;
@@ -70,7 +71,7 @@ export const SocialMedia = styled.div`
   pointer-events: all;
 `;
 
-export const MediaWrapper = styled.a`
+export const MediaWrapper = styled(Link)`
   display: flex;
   align-items: center;
   color: ${({ theme }) => theme.colors.black}90;

src/utils/constants.ts

@@ -45,7 +45,6 @@ export const sections: ISections = {
   },
   about: {
     name: "Sobre nós",
-    path: "/about",
     children: {
       team: {
         name: "Nosso time",

src/utils/interfaces.ts

@@ -32,7 +32,7 @@ export interface IOCAChannel {
 
 export interface ISection {
   name: string;
-  path: string;
+  path?: string;
   children?: { [key: string]: ISection };
 }