made courier and vendors page

.eslintrc.js

@@ -1,25 +0,0 @@
-module.exports = {
-  // parser: '@typescript-eslint/parser', // Specifies the ESLint parser
-  parserOptions: {
-    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
-    sourceType: 'module', // Allows for the use of imports
-    ecmaFeatures: {
-      jsx: true, // Allows for the parsing of JSX
-    },
-  },
-  settings: {
-    react: {
-      version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
-    },
-  },
-  extends: [
-    'react-app',
-    'plugin:react/recommended', // Uses the recommended rules from @eslint-plugin-react
-    'plugin:prettier/recommended', // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
-  ],
-  plugins: ['react', 'react-hooks'],
-  rules: {
-    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
-    // e.g. "@typescript-eslint/explicit-function-return-type": "off",
-  },
-}

.prettierrc.js

@@ -1,7 +0,0 @@
-module.exports = {
-  semi: false,
-  trailingComma: "all",
-  singleQuote: true,
-  printWidth: 100,
-  tabWidth: 2
-};

package.json

@@ -14,13 +14,6 @@
   "author": "The CoreUI Team (https://github.com/orgs/coreui/people)",
   "scripts": {
     "dev": "react-scripts start",
-    "start": "serve -s build",
-    "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject",
-    "heroku-postbuild": "npm run build"
-  },
-  "scripts": {
     "build": "react-scripts build",
     "build:n17": "react-scripts --openssl-legacy-provider build",
     "changelog": "auto-changelog --starting-version 4.1.0 --commit-limit false --hide-credit",
@@ -61,10 +54,6 @@
   },
   "devDependencies": {
     "auto-changelog": "~2.3.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "prettier": "2.5.0",
     "react-scripts": "^4.0.3",
     "sass": "^1.43.5"
   },

src/_nav.js

@@ -272,6 +272,18 @@ const _nav = [
   //   name: 'Login',
   //   to: '/',
   // },
+  {
+    component: CNavItem,
+    name: 'Vendors',
+    to: '/vendors',
+    icon: <CIcon icon={cilNotes} customClassName="nav-icon" />,
+  },
+  {
+    component: CNavItem,
+    name: 'Courier',
+    to: '/courier',
+    icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
+  },
 
   {
     component: CNavItem,

src/routes.js

@@ -1,5 +1,7 @@
 import React from 'react'
+import Courier from './views/Courier/Courier'
 import Register from './views/pages/register/Register'
+import Vendor from './views/Vendor/Vendor'
 
 const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'))
 const Colors = React.lazy(() => import('./views/theme/colors/Colors'))
@@ -54,6 +56,8 @@ const Widgets = React.lazy(() => import('./views/widgets/Widgets'))
 const routes = [
   { path: '/', exact: true, name: 'Home' },
   { path: '/register', name: 'Change Password', component: Register },
+  { path: '/courier', name: 'Courier', component: Courier },
+  { path: '/vendors', name: 'Vendors', component: Vendor },
   { path: '/dashboard', name: 'Dashboard', component: Dashboard },
   { path: '/theme', name: 'Theme', component: Colors, exact: true },
   { path: '/theme/colors', name: 'Colors', component: Colors },

src/views/Courier/Courier.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import {
+    CAvatar,
+    CButton,
+    CButtonGroup,
+    CCard,
+    CCardBody,
+    CCardFooter,
+    CCardHeader,
+    CCol,
+    CContainer,
+    CProgress,
+    CRow,
+    CTable,
+    CTableBody,
+    CTableDataCell,
+    CTableHead,
+    CTableHeaderCell,
+    CTableRow,
+} from '@coreui/react'
+
+const Courier = () => {
+    return <div>
+        <CButton color="dark">+Add New</CButton>
+        <hr />
+        <CTable striped hover>
+            <CTableHead>
+                <CTableRow>
+                    <CTableHeaderCell scope="col">Courier Name</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Unique ID</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Added On</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Actions</CTableHeaderCell>
+                </CTableRow>
+            </CTableHead>
+            <CTableBody>
+                <CTableRow>
+                    <CTableHeaderCell scope="row">Mark</CTableHeaderCell>
+                    <CTableDataCell>123</CTableDataCell>
+                    <CTableDataCell>Otto</CTableDataCell>
+                    <CTableDataCell>
+                        <CButtonGroup role="group" aria-label="Basic mixed styles example">
+                            <CButton color="warning">Edit</CButton>
+
+                            <CButton color="danger">Delete</CButton>
+                        </CButtonGroup>
+                    </CTableDataCell>
+                </CTableRow>
+            </CTableBody>
+        </CTable>
+    </div>;
+};
+
+export default Courier;

src/views/Vendor/Vendor.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import {
+    CAvatar,
+    CButton,
+    CButtonGroup,
+    CCard,
+    CCardBody,
+    CCardFooter,
+    CCardHeader,
+    CCol,
+    CContainer,
+    CProgress,
+    CRow,
+    CTable,
+    CTableBody,
+    CTableDataCell,
+    CTableHead,
+    CTableHeaderCell,
+    CTableRow,
+} from '@coreui/react'
+
+const Vendor = () => {
+    return <div>
+
+        <CButton color="dark">+Add New Vendor</CButton>
+        <hr />
+        <CTable striped hover>
+            <CTableHead>
+                <CTableRow>
+                    <CTableHeaderCell scope="col">Vendor Name</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Code</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Area</CTableHeaderCell>
+                    <CTableHeaderCell scope="col">Actions</CTableHeaderCell>
+                </CTableRow>
+            </CTableHead>
+            <CTableBody>
+                <CTableRow>
+                    <CTableHeaderCell scope="row">Mark</CTableHeaderCell>
+                    <CTableDataCell>123</CTableDataCell>
+                    <CTableDataCell>Otto</CTableDataCell>
+                    <CTableDataCell>
+                        <CButtonGroup role="group" aria-label="Basic mixed styles example">
+                            <CButton color="warning">Edit</CButton>
+                            <CButton color="success">View</CButton>
+                            <CButton color="danger">Delete</CButton>
+                        </CButtonGroup>
+                    </CTableDataCell>
+                </CTableRow>
+            </CTableBody>
+        </CTable>
+    </div>;
+};
+
+export default Vendor;

src/views/pages/register/Register.js

@@ -25,15 +25,17 @@ const Register = () => {
                 <CForm>
                   <h1>Change Password</h1>
                   {/* <p className="text-medium-emphasis">Create your account</p> */}
-                  <CInputGroup className="mb-3">
+                  {/* <CInputGroup className="mb-3">
                     <CInputGroupText>
                       <CIcon icon={cilUser} />
                     </CInputGroupText>
                     <CFormInput placeholder="Username" autoComplete="username" />
-                  </CInputGroup>
+                  </CInputGroup> */}
                   <CInputGroup className="mb-3">
-                    <CInputGroupText>@</CInputGroupText>
+                    <CInputGroupText>
-                    <CFormInput placeholder="Email" autoComplete="email" />
+                      <CIcon icon={cilLockLocked} />
+                    </CInputGroupText>
+                    <CFormInput placeholder="Old Password" autoComplete="email" />
                   </CInputGroup>
                   <CInputGroup className="mb-3">
                     <CInputGroupText>