made courier and vendors page
This commit is contained in:
sanaya
parent
a91aa0af9c
commit
59974978a9
25
.eslintrc.js
25
.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",
|
||||
},
|
||||
}
|
||||
@ -1,7 +0,0 @@
|
||||
module.exports = {
|
||||
semi: false,
|
||||
trailingComma: "all",
|
||||
singleQuote: true,
|
||||
printWidth: 100,
|
||||
tabWidth: 2
|
||||
};
|
||||
13
package.json
13
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"
|
||||
},
|
||||
@ -72,4 +61,4 @@
|
||||
"node": "16.x",
|
||||
"npm": "6.x"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
12
src/_nav.js
12
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,
|
||||
|
||||
@ -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 },
|
||||
|
||||
53
src/views/Courier/Courier.js
Normal file
53
src/views/Courier/Courier.js
Normal file
@ -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;
|
||||
54
src/views/Vendor/Vendor.js
vendored
Normal file
54
src/views/Vendor/Vendor.js
vendored
Normal file
@ -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;
|
||||
@ -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>
|
||||
<CFormInput placeholder="Email" autoComplete="email" />
|
||||
<CInputGroupText>
|
||||
<CIcon icon={cilLockLocked} />
|
||||
</CInputGroupText>
|
||||
<CFormInput placeholder="Old Password" autoComplete="email" />
|
||||
</CInputGroup>
|
||||
<CInputGroup className="mb-3">
|
||||
<CInputGroupText>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user