Merge pull request #1 from Computer-Progress/routers

Add defoult routers
Computer-Progress · Jun 2, 2021 · 81d3714 · 81d3714 · vercel · Jun 2, 2021
2 parents 8897c8b + d6c3b40
commit 81d3714
Show file tree

Hide file tree

Showing 16 changed files with 127 additions and 9 deletions.
diff --git a/components/Button/index.js b/components/Button/index.js
@@ -1,3 +1,12 @@
 import { Button } from "./styles.js";
+import Link from 'next/link'
 
-export default Button
+export default function Navbar({link, primary, children, ...props}) {
+    return (
+      <div>
+        <Link href={link || ""}>
+            <Button primary={primary} {...props}>{children}</Button>
+        </Link>
+      </div>
+    );
+  }
diff --git a/components/NavBar/index.js b/components/NavBar/index.js
@@ -1,18 +1,18 @@
 import { Wrapper, Logo, Menu, Auth } from "./styles.js";
 import Button from "../Button";
+
 export default function Navbar() {
   return (
     <div>
       <Wrapper>
-        <Logo>Computer Progress</Logo>
+      <Logo link='/'>Computer Progress</Logo>
         <Menu>
-          <Button>Domains</Button>
-          <Button>Dataset</Button>
-          <Button>About us</Button>
+          <Button link='/domains'>Domains</Button>
+          <Button link='/about_us'>About Us</Button>
         </Menu>
         <Auth>
-          <Button>Sign up</Button>
-          <Button primary>SIGN IN</Button>
+          <Button link='/sign_up'>Sign up</Button>
+          <Button link='/sign_in' primary>SIGN IN</Button>
         </Auth>
       </Wrapper>
     </div>

diff --git a/components/NavBar/styles.js b/components/NavBar/styles.js
@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import Button from "../Button";
 
 export const Wrapper = styled.div`
   display: flex;
@@ -12,7 +13,7 @@ export const Wrapper = styled.div`
   z-index: 10000;
 `;
 
-export const Logo = styled.a`
+export const Logo = styled(Button)`
   font-family: "Montserrat", sans-serif;
   font-size: 24px;
   font-weight: bold;

diff --git a/components/Wave/styles.js b/components/Wave/styles.js
@@ -20,5 +20,5 @@ export const Text = styled.p`
   font-weight: bold;
   font-size: 1.5rem;
   color: ${theme.colors.white};
-  width: 50%;
+  width: 35%;
 `
diff --git a/containers/AboutUs/index.js b/containers/AboutUs/index.js
@@ -0,0 +1,19 @@
+import Head from "next/head";
+import { Container } from "./styles.js";
+import NavBar from "../../components/NavBar";
+
+export default function Home() {
+  return (
+    <div>
+      <Head>
+        <title>Computer Progress</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <NavBar />
+      <Container></Container>
+
+      <footer></footer>
+    </div>
+  );
+}
diff --git a/containers/AboutUs/styles.js b/containers/AboutUs/styles.js
@@ -0,0 +1,7 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  background: gray;
+  font-size: 2rem;
+  height: 100vh;
+`;
diff --git a/containers/Domains/index.js b/containers/Domains/index.js
@@ -0,0 +1,19 @@
+import Head from "next/head";
+import { Container } from "./styles.js";
+import NavBar from "../../components/NavBar";
+
+export default function Home() {
+  return (
+    <div>
+      <Head>
+        <title>Computer Progress</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <NavBar />
+      <Container></Container>
+
+      <footer></footer>
+    </div>
+  );
+}
diff --git a/containers/Domains/styles.js b/containers/Domains/styles.js
@@ -0,0 +1,7 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  background: gray;
+  font-size: 2rem;
+  height: 100vh;
+`;
diff --git a/containers/SignIn/index.js b/containers/SignIn/index.js
@@ -0,0 +1,19 @@
+import Head from "next/head";
+import { Container } from "./styles.js";
+import NavBar from "../../components/NavBar";
+
+export default function Home() {
+  return (
+    <div>
+      <Head>
+        <title>Computer Progress</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <NavBar />
+      <Container></Container>
+
+      <footer></footer>
+    </div>
+  );
+}
diff --git a/containers/SignIn/styles.js b/containers/SignIn/styles.js
@@ -0,0 +1,7 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  background: gray;
+  font-size: 2rem;
+  height: 100vh;
+`;
diff --git a/containers/SignUp/index.js b/containers/SignUp/index.js
@@ -0,0 +1,19 @@
+import Head from "next/head";
+import { Container } from "./styles.js";
+import NavBar from "../../components/NavBar";
+
+export default function Home() {
+  return (
+    <div>
+      <Head>
+        <title>Computer Progress</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+      <NavBar />
+      <Container></Container>
+
+      <footer></footer>
+    </div>
+  );
+}
diff --git a/containers/SignUp/styles.js b/containers/SignUp/styles.js
@@ -0,0 +1,7 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  background: gray;
+  font-size: 2rem;
+  height: 100vh;
+`;
diff --git a/pages/about_us.js b/pages/about_us.js
@@ -0,0 +1 @@
+export {default} from '../containers/AboutUs';
diff --git a/pages/domains.js b/pages/domains.js
@@ -0,0 +1 @@
+export {default} from '../containers/Domains';
diff --git a/pages/sign_in.js b/pages/sign_in.js
@@ -0,0 +1 @@
+export {default} from '../containers/SignIn';
diff --git a/pages/sign_up.js b/pages/sign_up.js
@@ -0,0 +1 @@
+export {default} from '../containers/SignUp';