Merge pull request #33 from heyjul3s/fix/update-logo-links

Update Logo imagery to link to Home
heyjul3s · Jan 2, 2021 · 212c60f · 212c60f
2 parents 1f27683 + 22d9ef0
commit 212c60f
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/docs/components/AnchorLink.tsx b/docs/components/AnchorLink.tsx
@@ -6,6 +6,7 @@ import { theme } from '../theme';
 type Props = {
   href: string;
   openAsNewTab?: boolean;
+  style?: React.CSSProperties;
   variant?: string;
   children: React.ReactChild | React.ReactChildren;
 };

diff --git a/docs/components/Global/NavTop/NavTop.tsx b/docs/components/Global/NavTop/NavTop.tsx
@@ -1,11 +1,19 @@
 import React from 'react';
+import { AnchorLink } from '../../AnchorLink';
 import { ArtifakTypeLogo } from '../../../assets/ArtifakTypeLogo';
 import { NavTopContainer, NavTopMenu, NavTopLink } from './styles';
 
 export function NavTop() {
   return (
     <NavTopContainer>
-      <ArtifakTypeLogo />
+      <AnchorLink
+        href="/"
+        style={{
+          display: 'flex'
+        }}
+      >
+        <ArtifakTypeLogo />
+      </AnchorLink>
       <NavTopMenu>
         <NavTopLink href="https//github.com/heyjul3s/artifak">
           Github

diff --git a/docs/components/Logo/styles.ts b/docs/components/Logo/styles.ts
@@ -2,7 +2,7 @@ import styled from 'styled-components';
 
 export const SVGlogo = styled.svg`
   width: 100%;
-  max-width: 80px;
+  max-width: 100px;
   padding-bottom: 1em;
 
   @media (min-width: 1025px) {

diff --git a/docs/components/Nav/Desktop/DesktopNav.tsx b/docs/components/Nav/Desktop/DesktopNav.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnchorLink } from '../../AnchorLink';
 import { Brand } from '../../Global/Brand/Brand';
 import { Tagline } from '../../Global/Tagline/Tagline';
 import { NavContainer, ListItem } from './styles';
@@ -8,7 +9,9 @@ import { links } from '../constants';
 export function DesktopNav() {
   return (
     <aside>
-      <Brand position="flex-start" />
+      <AnchorLink href="/">
+        <Brand position="flex-start" />
+      </AnchorLink>
       <Tagline align="left" />
       <NavContainer>
         {Object.keys(links).map((key, i) => {