fix: active type issue

src/components/nav-link.js

@@ -26,7 +26,7 @@ const Link = styled(GatsbyLink)`
     padding: 9px 0;
     border-bottom: 2px solid
       ${props =>
-        props.active || props.partiallyActive
+        props.active === "true" || props.partiallyActive
           ? `var(--color-white)`
           : `transparent`};
   }

src/components/nav.js

@@ -124,7 +124,7 @@ export default function Nav({ location, data, open, setOpen }) {
                 subNav={link.subNav}
                 to={link.to}
                 location={location}
-                active={location === link.to}
+                active={location === link.to ? "true" : "false"}
                 partiallyActive={
                   link.subNav && location && location.indexOf(link.to) === 0
                 }

src/pages/index.js

@@ -140,21 +140,30 @@ export default function Index({ data }) {
         </Heading>
         <Grid columns={[1, 3]} breakpoints={["45em"]}>
           <LogoItem>
-            <Link to="https://www.bark.com/en/gb/company/abc-project-design-ltd/alJKp">
+            <Link
+              to="https://www.bark.com/en/gb/company/abc-project-design-ltd/alJKp"
+              aria-label="Bark"
+            >
               <Logo>
                 <Img fixed={data.barkImage.childImageSharp.fixed} />
               </Logo>
             </Link>
           </LogoItem>
           <LogoItem>
-            <Link to="https://www.checkatrade.com/trades/AbcProject/reviews">
+            <Link
+              to="https://www.checkatrade.com/trades/AbcProject/reviews"
+              aria-label="Checkatrade"
+            >
               <Logo>
                 <Checkatrade />
               </Logo>
             </Link>
           </LogoItem>
           <LogoItem>
-            <Link to="https://www.ratedpeople.com/profile/ciprian-jitariuc#ratings">
+            <Link
+              to="https://www.ratedpeople.com/profile/ciprian-jitariuc#ratings"
+              aria-label="Rated People"
+            >
               <Logo>
                 <RatedPeople />
               </Logo>