Merge pull request #43 from heyjul3s/fix/docs-imports

Move HomePage to containers dir, update imports

docs/components/Nav/Mobile/NavSlides/NavSlides.tsx

@@ -50,12 +50,8 @@ export function NavSlides() {
 
   const onClickLink = (route: string) => (e: React.SyntheticEvent) => {
     e.preventDefault();
-
     setPanelOpen(false);
-
-    setTimeout(() => {
-      router.push(route);
-    }, 200);
+    router.push(route);
   };
 
   const onClickCloseMenu = () => {

docs/components/Nav/Mobile/Navbar/Navbar.tsx

@@ -19,10 +19,7 @@ export function Navbar() {
       setViewIndex(navIndex);
     } else {
       setPanelOpen(false);
-
-      setTimeout(() => {
-        router.push(links.Home.route);
-      }, 200);
+      router.push(links.Home.route);
     }
   };
 

docs/containers/HomePage/content/Features/Icons/ModularIcon.tsx

@@ -0,0 +1,171 @@
+import React from 'react';
+
+export function ModularIcon() {
+  return (
+    <svg
+      id="Layer_1"
+      data-name="Layer 1"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 100 100"
+    >
+      <defs>
+        <clipPath id="clip-path">
+          <rect
+            x="-1391.45"
+            y="64.88"
+            width="355.81"
+            height="354.97"
+            fill="none"
+          />
+        </clipPath>
+      </defs>
+
+      <g clipPath={'url(#clip-path)'}>
+        <line
+          x1="0.13"
+          y1="43.42"
+          x2="-518.38"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="10.73"
+          y1="43.42"
+          x2="-507.78"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="21.34"
+          y1="43.42"
+          x2="-497.17"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="31.94"
+          y1="43.42"
+          x2="-486.57"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="42.55"
+          y1="43.42"
+          x2="-475.96"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="53.15"
+          y1="43.42"
+          x2="-465.36"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+        <line
+          x1="63.76"
+          y1="43.42"
+          x2="-454.75"
+          y2="441.31"
+          fill="none"
+          stroke="#f15e22"
+          strokeMiterlimit={10}
+          strokeWidth={'0.875996976026645px'}
+        />
+      </g>
+
+      <path
+        d="M41.85,62.23A18.33,18.33,0,1,1,60.18,43.9,18.35,18.35,0,0,1,41.85,62.23Zm0-29.72A11.39,11.39,0,1,0,53.24,43.9,11.4,11.4,0,0,0,41.85,32.51Z"
+        fill="#fff"
+      />
+      <rect
+        x="15.92"
+        y="16.94"
+        width="4.17"
+        height="15.36"
+        transform="translate(-12.13 19.94) rotate(-45)"
+        fill="#fff"
+      />
+      <rect
+        x="23.88"
+        y="66.51"
+        width="22.14"
+        height="2.08"
+        transform="translate(-40.54 58.26) rotate(-55.63)"
+        fill="#fff"
+      />
+      <rect x="65.05" y="43.56" width="14.51" height="4.17" fill="#fff" />
+      <circle cx="9.03" cy="15.64" r="7.42" fill="#fff" />
+      <circle cx="90.97" cy="45.64" r="7.42" fill="#fff" />
+      <circle cx="22.86" cy="84.36" r="7.42" fill="#fff" />
+      <path
+        d="M62.06,25.57a6.4,6.4,0,1,1,6.4-6.4A6.4,6.4,0,0,1,62.06,25.57Zm0-10.71a4.31,4.31,0,1,0,4.32,4.31A4.32,4.32,0,0,0,62.06,14.86Z"
+        fill="#fff"
+      />
+      <path
+        d="M12.65,59.46a6.4,6.4,0,1,1,6.4-6.4A6.41,6.41,0,0,1,12.65,59.46Zm0-10.71A4.32,4.32,0,1,0,17,53.06,4.31,4.31,0,0,0,12.65,48.75Z"
+        fill="#fff"
+      />
+      <rect
+        x="50.83"
+        y="25.15"
+        width="8.86"
+        height="2.09"
+        transform="translate(-2.34 46.74) rotate(-45)"
+        fill="#fff"
+      />
+      <path
+        d="M62.43,69.78a4.24,4.24,0,1,1,4.25-4.24A4.24,4.24,0,0,1,62.43,69.78Zm0-6.4a2.16,2.16,0,1,0,2.16,2.16A2.16,2.16,0,0,0,62.43,63.38Z"
+        fill="#fff"
+      />
+    </svg>
+    // <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+    //   <defs>
+    //     <clipPath id="clip-path">
+    //       <rect fill="none" x="-1391.45" y="64.88" width="355.81" height="354.97" />
+    //     </clipPath>
+    //   </defs>
+
+    //   <g clipPath="url(#clip-path)">
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="0.13" y1="43.42" x2="-518.38" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="10.73" y1="43.42" x2="-507.78" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="21.34" y1="43.42" x2="-497.17" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="31.94" y1="43.42" x2="-486.57" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="42.55" y1="43.42" x2="-475.96" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="53.15" y1="43.42" x2="-465.36" y2="441.31" />
+    //     <line fill="none" stroke="#f15e22" strokeMiterlimit={10} strokeWidth={"0.88px"} x1="63.76" y1="43.42" x2="-454.75" y2="441.31" />
+    //   </g>
+
+    //   <path fill={theme.colors.white} d="M42,62.08A18.11,18.11,0,1,1,60.05,44,18.13,18.13,0,0,1,42,62.08Zm0-29.36A11.26,11.26,0,1,0,53.2,44,11.27,11.27,0,0,0,42,32.72Z" />
+    //   <rect fill={theme.colors.white} x="16.33" y="17.33" width="4.12" height="15.18" transform="translate(-12.24 20.3) rotate(-45)" />
+    //   <rect fill={theme.colors.white} x="24.19" y="66.78" width="21.88" height="1.14" transform="translate(-40.3 58.41) rotate(-55.69)" />
+    //   <rect fill={theme.colors.white} x="64.88" y="43.63" width="14.34" height="4.12" />
+    //   <circle fill={theme.colors.white} cx="9.52" cy="16.05" r="7.33" />
+    //   <circle fill={theme.colors.white} cx="90.48" cy="45.69" r="7.33" />
+    //   <circle fill={theme.colors.white} cx="23.19" cy="83.95" r="7.33" />
+    //   <path fill={theme.colors.white} d="M61.92,25.4a5.87,5.87,0,1,1,5.86-5.86A5.87,5.87,0,0,1,61.92,25.4Zm0-10.59a4.73,4.73,0,1,0,4.72,4.73A4.73,4.73,0,0,0,61.92,14.81Z" />
+    //   <path fill={theme.colors.white} d="M13.1,58.89A5.87,5.87,0,1,1,19,53,5.87,5.87,0,0,1,13.1,58.89Zm0-10.59A4.73,4.73,0,1,0,17.82,53,4.72,4.72,0,0,0,13.1,48.3Z" />
+    //   <polygon fill={theme.colors.white} points="52.5 29.97 51.7 29.16 57.88 22.98 58.69 23.79 52.5 29.97" />
+    //   <path fill={theme.colors.white} d="M62.29,69.09A3.74,3.74,0,1,1,66,65.35,3.75,3.75,0,0,1,62.29,69.09Zm0-6.33a2.59,2.59,0,1,0,2.59,2.59A2.6,2.6,0,0,0,62.29,62.76Z" />
+    // </svg>
+  );
+}

docs/pages/HomePage/content/Features/components/FeaturesGrid.tsx → docs/containers/HomePage/content/Features/components/FeaturesGrid.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { Grid } from 'artifak';
 import { StyledFeatureItem, FeaturedItemContainer } from './FeatureItem';

docs/pages/index.tsx

@@ -3,7 +3,7 @@ import { FlexRow, FlexCol } from 'artifak';
 import { Layout } from '../components/Global/Layout';
 import { useRouter } from 'next/router';
 import { content } from '../containers';
-import { HomePage } from './HomePage/HomePage';
+import { HomePage } from '../containers/HomePage/HomePage';
 import { DesktopNav } from '../components/Nav/Desktop/DesktopNav';
 
 export default function Home() {