completed ui

src/_nav.js

@@ -6,6 +6,8 @@ import {
   cilChartPie,
   cilCursor,
   cilDrop,
+  cilMoney,
+  cilNewspaper,
   cilNotes,
   cilPencil,
   cilPuzzle,
@@ -284,6 +286,12 @@ const _nav = [
     to: '/courier',
     icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
   },
+  {
+    component: CNavItem,
+    name: 'AirwaysBill',
+    to: '/airwaysbill',
+    icon: <CIcon icon={cilMoney} customClassName="nav-icon" />,
+  },
 
   {
     component: CNavItem,

src/routes.js

@@ -1,7 +1,12 @@
 import React from 'react'
-import Courier from './views/Courier/Courier'
-import Register from './views/pages/register/Register'
-import Vendor from './views/Vendor/Vendor'
+
+const AirwaysBill = React.lazy(() => import('./views/AirwaysBill/AirwaysBill'))
+const AddAirwaysBill = React.lazy(() => import('./views/AirwaysBill/AddAirwaysBill'))
+const Courier = React.lazy(() => import('./views/Courier/Courier'))
+const AddCourier = React.lazy(() => import('./views/Courier/AddCourier'))
+const Register = React.lazy(() => import('./views/pages/register/Register'))
+const Vendor = React.lazy(() => import('./views/Vendor/Vendor'))
+const AddVendor = React.lazy(() => import('./views/Vendor/AddVendor'))
 
 const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'))
 const Colors = React.lazy(() => import('./views/theme/colors/Colors'))
@@ -57,7 +62,11 @@ const routes = [
   { path: '/', exact: true, name: 'Home' },
   { path: '/register', name: 'Change Password', component: Register },
   { path: '/courier', name: 'Courier', component: Courier },
+  { path: '/addcourier', name: 'Courier / Add Courier', component: AddCourier },
+  { path: '/airwaysbill', name: 'Airways Bill', component: AirwaysBill },
+  { path: '/addairwaysbill', name: 'Airways Bill / Add New Entry', component: AddAirwaysBill },
   { path: '/vendors', name: 'Vendors', component: Vendor },
+  { path: '/addvendor', name: 'Vendors / Add New Vendor', component: AddVendor },
   { 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

@@ -18,10 +18,13 @@ import {
     CTableHeaderCell,
     CTableRow,
 } from '@coreui/react'
+import { Link } from 'react-router-dom';
 
 const Courier = () => {
     return <div>
-        <CButton color="dark">+Add New</CButton>
+        <Link to='/addcourier'>
+            <CButton color="dark">+Add New</CButton>
+        </Link>
         <hr />
         <CTable striped hover>
             <CTableHead>
@@ -40,7 +43,6 @@ const Courier = () => {
                     <CTableDataCell>
                         <CButtonGroup role="group" aria-label="Basic mixed styles example">
                             <CButton color="warning">Edit</CButton>
-
                             <CButton color="danger">Delete</CButton>
                         </CButtonGroup>
                     </CTableDataCell>

src/views/Vendor/Vendor.js

@@ -18,11 +18,13 @@ import {
     CTableHeaderCell,
     CTableRow,
 } from '@coreui/react'
+import { Link } from 'react-router-dom';
 
 const Vendor = () => {
     return <div>
-
-        <CButton color="dark">+Add New Vendor</CButton>
+        <Link to='/addvendor'>
+            <CButton color="dark">+Add New Vendor</CButton>
+        </Link>
         <hr />
         <CTable striped hover>
             <CTableHead>