From 5c3083bfe28d99255ed9c62babd6f9b8c722b4a5 Mon Sep 17 00:00:00 2001
From: sanaya <sanayasaeed68@gmail.com>
Date: Thu, 3 Feb 2022 15:38:00 +0530
Subject: [PATCH] made changes

---
 src/App.js                                 |  2 +
 src/_nav.js                                |  2 +-
 src/components/AppHeader.js                |  2 +-
 src/views/Courier/Courier.js               |  4 +-
 src/views/pages/login/Login.js             | 59 ++++++++--------------
 src/views/pages/register/ForgotPassword.js | 59 ++++++++++++++++++++++
 6 files changed, 87 insertions(+), 41 deletions(-)
 create mode 100644 src/views/pages/register/ForgotPassword.js

diff --git a/src/App.js b/src/App.js
index 9c2a0c7..83088b2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import { HashRouter, Route, Switch } from 'react-router-dom'
 import './scss/style.scss'
+import ForgotPassword from './views/pages/register/ForgotPassword'
 
 const loading = (
   <div className="pt-3 text-center">
@@ -24,6 +25,7 @@ class App extends Component {
         <React.Suspense fallback={loading}>
           <Switch>
             <Route exact path="/" name="Login Page" render={(props) => <Login {...props} />} />
+            <Route exact path="/forgot" name="Forgot Page" render={(props) => <ForgotPassword {...props} />} />
             {/* <Route
               exact
               path="/register"
diff --git a/src/_nav.js b/src/_nav.js
index f53f037..e0c8758 100644
--- a/src/_nav.js
+++ b/src/_nav.js
@@ -288,7 +288,7 @@ const _nav = [
   },
   {
     component: CNavItem,
-    name: 'AirwaysBill',
+    name: 'Airway Bills',
     to: '/airwaysbill',
     icon: <CIcon icon={cilMoney} customClassName="nav-icon" />,
   },
diff --git a/src/components/AppHeader.js b/src/components/AppHeader.js
index 34abd31..7b65ebe 100644
--- a/src/components/AppHeader.js
+++ b/src/components/AppHeader.js
@@ -32,7 +32,7 @@ const AppHeader = () => {
           <CIcon icon={cilMenu} size="lg" />
         </CHeaderToggler>
         <CHeaderBrand className="mx-auto d-md-none" to="/">
-          <CIcon icon={logo} height={48} alt="Logo" />
+          <h1>Courier</h1>
         </CHeaderBrand>
         <CHeaderNav className="d-none d-md-flex me-auto">
           <CNavItem>
diff --git a/src/views/Courier/Courier.js b/src/views/Courier/Courier.js
index bfd3825..0765986 100644
--- a/src/views/Courier/Courier.js
+++ b/src/views/Courier/Courier.js
@@ -37,9 +37,9 @@ const Courier = () => {
             </CTableHead>
             <CTableBody>
                 <CTableRow>
-                    <CTableHeaderCell scope="row">Mark</CTableHeaderCell>
+                    <CTableHeaderCell scope="row">FedEx</CTableHeaderCell>
                     <CTableDataCell>123</CTableDataCell>
-                    <CTableDataCell>Otto</CTableDataCell>
+                    <CTableDataCell>123-1234-123</CTableDataCell>
                     <CTableDataCell>
                         <CButtonGroup role="group" aria-label="Basic mixed styles example">
                             <CButton color="warning">Edit</CButton>
diff --git a/src/views/pages/login/Login.js b/src/views/pages/login/Login.js
index 2842a3f..6ee1d65 100644
--- a/src/views/pages/login/Login.js
+++ b/src/views/pages/login/Login.js
@@ -44,46 +44,31 @@ const Login = () => {
                         autoComplete="current-password"
                       />
                     </CInputGroup>
-                    <CRow>
-                      <CCol xs={6}>
-                        <Link to="/dashboard">
-                          <CButton color="primary" className="px-4">
-                            Login
-                          </CButton>
-                        </Link>
-                      </CCol>
-                      <CCol xs={6}>
-                        <Link to="/">
-                          <CButton color="danger" className="px-4 ">
-                            Cancel
-                          </CButton>
-                        </Link>
-                      </CCol>
-                      <CCol xs={6} className="text-right">
-                        <CButton color="link" className="px-0">
-                          Forgot password?
-                        </CButton>
-                      </CCol>
-                    </CRow>
+
+                    <Link to="/dashboard">
+                      <CButton color="primary" className="px-4">
+                        Login
+                      </CButton>
+                    </Link>
+
+                    <Link to="/">
+                      <CButton color="dark" className="px-4 ms-2">
+                        Cancel
+                      </CButton>
+                    </Link>
+                    <br />
+
+                    <CButton color="link" className="px-0">
+                      <Link to="/forgot">
+                        Forgot password?
+                      </Link>
+                    </CButton>
+
+
                   </CForm>
                 </CCardBody>
               </CCard>
-              {/* <CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
-                <CCardBody className="text-center">
-                  <div>
-                    <h2>Sign up</h2>
-                    <p>
-                      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-                      tempor incididunt ut labore et dolore magna aliqua.
-                    </p>
-                    <Link to="/register">
-                      <CButton color="primary" className="mt-3" active tabIndex={-1}>
-                        Register Now!
-                      </CButton>
-                    </Link>
-                  </div>
-                </CCardBody>
-              </CCard> */}
+
             </CCardGroup>
           </CCol>
         </CRow>
diff --git a/src/views/pages/register/ForgotPassword.js b/src/views/pages/register/ForgotPassword.js
new file mode 100644
index 0000000..5e36561
--- /dev/null
+++ b/src/views/pages/register/ForgotPassword.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import {
+    CButton,
+    CCard,
+    CCardBody,
+    CCol,
+    CContainer,
+    CForm,
+    CFormInput,
+    CInputGroup,
+    CInputGroupText,
+    CRow,
+} from '@coreui/react'
+import CIcon from '@coreui/icons-react'
+import { cilEnvelopeLetter, cilEnvelopeOpen, cilLockLocked, cilUser } from '@coreui/icons'
+import { Link } from 'react-router-dom';
+
+const ForgotPassword = () => {
+    return <div className="bg-light min-vh-100 d-flex flex-row align-items-center">
+        <CContainer>
+            <CRow className="justify-content-center">
+                <CCol md={9} lg={7} xl={6}>
+                    <CCard className="mx-4">
+                        <CCardBody className="p-4">
+                            <CForm>
+                                <h1>Forgot Password?</h1>
+                                <p className="text-medium-emphasis"> Enter your email Below we will send you a link to reset your password</p>
+                                {/* <CInputGroup className="mb-3">
+                <CInputGroupText>
+                  <CIcon icon={cilUser} />
+                </CInputGroupText>
+                <CFormInput placeholder="Username" autoComplete="username" />
+              </CInputGroup> */}
+
+                                <CInputGroup className="mb-4">
+                                    <CInputGroupText>
+                                        <CIcon icon={cilEnvelopeOpen} />
+                                    </CInputGroupText>
+                                    <CFormInput
+                                        type="password"
+                                        placeholder="Email"
+                                        autoComplete="email"
+                                    />
+                                </CInputGroup>
+
+                                <CButton color="dark">Send</CButton>
+                                <Link to='/'>
+                                    <CButton color="dark" className='ms-2'>Back to Login</CButton>
+                                </Link>
+                            </CForm>
+                        </CCardBody>
+                    </CCard>
+                </CCol>
+            </CRow>
+        </CContainer>
+    </div>;
+};
+
+export default ForgotPassword;