login and register page added and navbar updated with respective links

pramit-marattha · Jan 13, 2021 · ac66b43 · ac66b43
1 parent aafe0c7
commit ac66b43
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 25 deletions.
diff --git a/client/components/Header.js b/client/components/Header.js
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import Link from "next/link";
 import {APP_NAME} from "../config.js";
 import {
   Collapse,
@@ -23,35 +24,27 @@ const Header = (props) => {
   return (
     <div>
       <Navbar color="light" light expand="md">
-        <NavbarBrand href="/">{APP_NAME}</NavbarBrand>
+      <Link href="/">
+        <NavLink className="font-weight-bold">{APP_NAME}</NavLink>
+      </Link>
         <NavbarToggler onClick={toggle} />
         <Collapse isOpen={isOpen} navbar>
-          <Nav className="mr-auto" navbar>
+          <Nav className="ml-auto" navbar>
             <NavItem>
-              <NavLink href="/components/">Components</NavLink>
+                <Link href="/signup">
+              <NavLink>
+                Resgister
+              </NavLink>
+                </Link>
             </NavItem>
-            <NavItem>
-              <NavLink href="https://github.com/reactstrap/reactstrap">GitHub</NavLink>
+           <NavItem>
+                <Link href="/login">
+              <NavLink>
+                Login
+              </NavLink>
+                </Link>
             </NavItem>
-            <UncontrolledDropdown nav inNavbar>
-              <DropdownToggle nav caret>
-                Options
-              </DropdownToggle>
-              <DropdownMenu right>
-                <DropdownItem>
-                  Option 1
-                </DropdownItem>
-                <DropdownItem>
-                  Option 2
-                </DropdownItem>
-                <DropdownItem divider />
-                <DropdownItem>
-                  Reset
-                </DropdownItem>
-              </DropdownMenu>
-            </UncontrolledDropdown>
           </Nav>
-          <NavbarText>Simple Text</NavbarText>
         </Collapse>
       </Navbar>
     </div>

diff --git a/client/pages/index.js b/client/pages/index.js
@@ -1,9 +1,15 @@
-import Layout from "../components/Layout"
+import Layout from "../components/Layout";
+import Link from "next/link";
+
 
 const Index =() =>{
     return(
         <Layout>
-        <h2>Yoo This is working</h2>
+        <Link href="/signup"><a>Signup</a></Link>
+        <br/>
+        <Link href="/login"><a>Login</a></Link>
+        <br/>
+        <h2>Home Page</h2>
         </Layout>
     )
 }

diff --git a/client/pages/login.js b/client/pages/login.js
@@ -0,0 +1,15 @@
+import Layout from "../components/Layout";
+import Link from "next/link";
+
+
+const Login =() =>{
+    return(
+        <Layout>
+        <Link href="/"><a>Home</a></Link>
+        <br/>
+        <h2>Login page</h2>
+        </Layout>
+    )
+}
+
+export default Login;
diff --git a/client/pages/signup.js b/client/pages/signup.js
@@ -0,0 +1,13 @@
+import Layout from "../components/Layout";
+import Link from "next/link";
+
+const Signup =() =>{
+    return(
+        <Layout>
+        <Link href="/"><a>Home</a></Link>
+        <h2>Signup page</h2>
+        </Layout>
+    )
+}
+
+export default Signup;