gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made changes

Browse Source
This commit is contained in:
sanaya 2022-02-02 12:28:55 +05:30
parent 96122c6e52
commit 1cde77c275
13 changed files with 9415 additions and 9097 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/index.html
View File

@ -7,6 +7,7 @@
* License MIT * License MIT
--> -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -14,7 +15,7 @@
<meta name="description" content="CoreUI for React - Open Source Bootstrap Admin Template"> <meta name="description" content="CoreUI for React - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek"> <meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,CSS,SCSS,HTML,RWD,Dashboard,React"> <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,CSS,SCSS,HTML,RWD,Dashboard,React">
<title>CoreUI Free React.js Admin Template</title> <title>Courier</title>
<!-- <!--
manifest.json provides metadata used when your web app is added to the manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/ homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
@ -31,6 +32,7 @@
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
</head> </head>
<body> <body>
<noscript> <noscript>
You need to enable JavaScript to run this app. You need to enable JavaScript to run this app.
@ -47,4 +49,5 @@
To create a production bundle, use `npm run build` or `yarn build`. To create a production bundle, use `npm run build` or `yarn build`.
--> -->
</body> </body>
</html> </html>

6
src/App.js
View File

@ -23,13 +23,13 @@ class App extends Component {
<HashRouter> <HashRouter>
<React.Suspense fallback={loading}> <React.Suspense fallback={loading}>
<Switch> <Switch>
<Route exact path="/login" name="Login Page" render={(props) => <Login {...props} />} /> <Route exact path="/" name="Login Page" render={(props) => <Login {...props} />} />
<Route {/* <Route
exact exact
path="/register" path="/register"
name="Register Page" name="Register Page"
render={(props) => <Register {...props} />} render={(props) => <Register {...props} />}
/> /> */}
<Route exact path="/404" name="Page 404" render={(props) => <Page404 {...props} />} /> <Route exact path="/404" name="Page 404" render={(props) => <Page404 {...props} />} />
<Route exact path="/500" name="Page 500" render={(props) => <Page500 {...props} />} /> <Route exact path="/500" name="Page 500" render={(props) => <Page500 {...props} />} />
<Route path="/" name="Home" render={(props) => <DefaultLayout {...props} />} /> <Route path="/" name="Home" render={(props) => <DefaultLayout {...props} />} />

538
src/_nav.js
View File

@ -20,279 +20,283 @@ const _nav = [
name: 'Dashboard', name: 'Dashboard',
to: '/dashboard', to: '/dashboard',
icon: <CIcon icon={cilSpeedometer} customClassName="nav-icon" />, icon: <CIcon icon={cilSpeedometer} customClassName="nav-icon" />,
badge: { // badge: {
color: 'info', // color: 'info',
text: 'NEW', // text: 'NEW',
}, // },
},
{
component: CNavTitle,
name: 'Theme',
}, },
// {
// component: CNavTitle,
// name: 'Theme',
// },
// {
// component: CNavItem,
// name: 'Colors',
// to: '/theme/colors',
// icon: <CIcon icon={cilDrop} customClassName="nav-icon" />,
// },
// {
// component: CNavItem,
// name: 'Typography',
// to: '/theme/typography',
// icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
// },
// {
// component: CNavTitle,
// name: 'Components',
// },
// {
// component: CNavGroup,
// name: 'Base',
// to: '/base',
// icon: <CIcon icon={cilPuzzle} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Accordion',
// to: '/base/accordion',
// },
// {
// component: CNavItem,
// name: 'Breadcrumb',
// to: '/base/breadcrumbs',
// },
// {
// component: CNavItem,
// name: 'Cards',
// to: '/base/cards',
// },
// {
// component: CNavItem,
// name: 'Carousel',
// to: '/base/carousels',
// },
// {
// component: CNavItem,
// name: 'Collapse',
// to: '/base/collapses',
// },
// {
// component: CNavItem,
// name: 'List group',
// to: '/base/list-groups',
// },
// {
// component: CNavItem,
// name: 'Navs & Tabs',
// to: '/base/navs',
// },
// {
// component: CNavItem,
// name: 'Pagination',
// to: '/base/paginations',
// },
// {
// component: CNavItem,
// name: 'Placeholders',
// to: '/base/placeholders',
// },
// {
// component: CNavItem,
// name: 'Popovers',
// to: '/base/popovers',
// },
// {
// component: CNavItem,
// name: 'Progress',
// to: '/base/progress',
// },
// {
// component: CNavItem,
// name: 'Spinners',
// to: '/base/spinners',
// },
// {
// component: CNavItem,
// name: 'Tables',
// to: '/base/tables',
// },
// {
// component: CNavItem,
// name: 'Tooltips',
// to: '/base/tooltips',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Buttons',
// to: '/buttons',
// icon: <CIcon icon={cilCursor} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Buttons',
// to: '/buttons/buttons',
// },
// {
// component: CNavItem,
// name: 'Buttons groups',
// to: '/buttons/button-groups',
// },
// {
// component: CNavItem,
// name: 'Dropdowns',
// to: '/buttons/dropdowns',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Forms',
// icon: <CIcon icon={cilNotes} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Form Control',
// to: '/forms/form-control',
// },
// {
// component: CNavItem,
// name: 'Select',
// to: '/forms/select',
// },
// {
// component: CNavItem,
// name: 'Checks & Radios',
// to: '/forms/checks-radios',
// },
// {
// component: CNavItem,
// name: 'Range',
// to: '/forms/range',
// },
// {
// component: CNavItem,
// name: 'Input Group',
// to: '/forms/input-group',
// },
// {
// component: CNavItem,
// name: 'Floating Labels',
// to: '/forms/floating-labels',
// },
// {
// component: CNavItem,
// name: 'Layout',
// to: '/forms/layout',
// },
// {
// component: CNavItem,
// name: 'Validation',
// to: '/forms/validation',
// },
// ],
// },
// {
// component: CNavItem,
// name: 'Charts',
// to: '/charts',
// icon: <CIcon icon={cilChartPie} customClassName="nav-icon" />,
// },
// {
// component: CNavGroup,
// name: 'Icons',
// icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'CoreUI Free',
// to: '/icons/coreui-icons',
// badge: {
// color: 'success',
// text: 'NEW',
// },
// },
// {
// component: CNavItem,
// name: 'CoreUI Flags',
// to: '/icons/flags',
// },
// {
// component: CNavItem,
// name: 'CoreUI Brands',
// to: '/icons/brands',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Notifications',
// icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Alerts',
// to: '/notifications/alerts',
// },
// {
// component: CNavItem,
// name: 'Badges',
// to: '/notifications/badges',
// },
// {
// component: CNavItem,
// name: 'Modal',
// to: '/notifications/modals',
// },
// {
// component: CNavItem,
// name: 'Toasts',
// to: '/notifications/toasts',
// },
// ],
// },
// {
// component: CNavItem,
// name: 'Widgets',
// to: '/widgets',
// icon: <CIcon icon={cilCalculator} customClassName="nav-icon" />,
// badge: {
// color: 'info',
// text: 'NEW',
// },
// },
// {
// component: CNavTitle,
// name: 'Extras',
// },
// {
// component: CNavItem,
// name: 'Login',
// to: '/',
// },
{ {
component: CNavItem, component: CNavItem,
name: 'Colors', name: 'Change Password',
to: '/theme/colors',
icon: <CIcon icon={cilDrop} customClassName="nav-icon" />,
},
{
component: CNavItem,
name: 'Typography',
to: '/theme/typography',
icon: <CIcon icon={cilPencil} customClassName="nav-icon" />, icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
},
{
component: CNavTitle,
name: 'Components',
},
{
component: CNavGroup,
name: 'Base',
to: '/base',
icon: <CIcon icon={cilPuzzle} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Accordion',
to: '/base/accordion',
},
{
component: CNavItem,
name: 'Breadcrumb',
to: '/base/breadcrumbs',
},
{
component: CNavItem,
name: 'Cards',
to: '/base/cards',
},
{
component: CNavItem,
name: 'Carousel',
to: '/base/carousels',
},
{
component: CNavItem,
name: 'Collapse',
to: '/base/collapses',
},
{
component: CNavItem,
name: 'List group',
to: '/base/list-groups',
},
{
component: CNavItem,
name: 'Navs & Tabs',
to: '/base/navs',
},
{
component: CNavItem,
name: 'Pagination',
to: '/base/paginations',
},
{
component: CNavItem,
name: 'Placeholders',
to: '/base/placeholders',
},
{
component: CNavItem,
name: 'Popovers',
to: '/base/popovers',
},
{
component: CNavItem,
name: 'Progress',
to: '/base/progress',
},
{
component: CNavItem,
name: 'Spinners',
to: '/base/spinners',
},
{
component: CNavItem,
name: 'Tables',
to: '/base/tables',
},
{
component: CNavItem,
name: 'Tooltips',
to: '/base/tooltips',
},
],
},
{
component: CNavGroup,
name: 'Buttons',
to: '/buttons',
icon: <CIcon icon={cilCursor} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Buttons',
to: '/buttons/buttons',
},
{
component: CNavItem,
name: 'Buttons groups',
to: '/buttons/button-groups',
},
{
component: CNavItem,
name: 'Dropdowns',
to: '/buttons/dropdowns',
},
],
},
{
component: CNavGroup,
name: 'Forms',
icon: <CIcon icon={cilNotes} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Form Control',
to: '/forms/form-control',
},
{
component: CNavItem,
name: 'Select',
to: '/forms/select',
},
{
component: CNavItem,
name: 'Checks & Radios',
to: '/forms/checks-radios',
},
{
component: CNavItem,
name: 'Range',
to: '/forms/range',
},
{
component: CNavItem,
name: 'Input Group',
to: '/forms/input-group',
},
{
component: CNavItem,
name: 'Floating Labels',
to: '/forms/floating-labels',
},
{
component: CNavItem,
name: 'Layout',
to: '/forms/layout',
},
{
component: CNavItem,
name: 'Validation',
to: '/forms/validation',
},
],
},
{
component: CNavItem,
name: 'Charts',
to: '/charts',
icon: <CIcon icon={cilChartPie} customClassName="nav-icon" />,
},
{
component: CNavGroup,
name: 'Icons',
icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'CoreUI Free',
to: '/icons/coreui-icons',
badge: {
color: 'success',
text: 'NEW',
},
},
{
component: CNavItem,
name: 'CoreUI Flags',
to: '/icons/flags',
},
{
component: CNavItem,
name: 'CoreUI Brands',
to: '/icons/brands',
},
],
},
{
component: CNavGroup,
name: 'Notifications',
icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Alerts',
to: '/notifications/alerts',
},
{
component: CNavItem,
name: 'Badges',
to: '/notifications/badges',
},
{
component: CNavItem,
name: 'Modal',
to: '/notifications/modals',
},
{
component: CNavItem,
name: 'Toasts',
to: '/notifications/toasts',
},
],
},
{
component: CNavItem,
name: 'Widgets',
to: '/widgets',
icon: <CIcon icon={cilCalculator} customClassName="nav-icon" />,
badge: {
color: 'info',
text: 'NEW',
},
},
{
component: CNavTitle,
name: 'Extras',
},
{
component: CNavGroup,
name: 'Pages',
icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Login',
to: '/login',
},
{
component: CNavItem,
name: 'Register',
to: '/register', to: '/register',
}, },
{
component: CNavItem, // {
name: 'Error 404', // component: CNavGroup,
to: '/404', // name: 'Pages',
}, // icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
{ // items: [
component: CNavItem, // {
name: 'Error 500', // component: CNavItem,
to: '/500', // name: 'Error 404',
}, // to: '/404',
], // },
}, // {
// component: CNavItem,
// name: 'Error 500',
// to: '/500',
// },
// ],
// },
] ]
export default _nav export default _nav

10
src/components/AppFooter.js
View File

@ -5,17 +5,17 @@ const AppFooter = () => {
return ( return (
<CFooter> <CFooter>
<div> <div>
<a href="https://coreui.io" target="_blank" rel="noopener noreferrer"> {/* <a href="https://coreui.io" target="_blank" rel="noopener noreferrer">
CoreUI CoreUI
</a> </a> */}
<span className="ms-1">&copy; 2021 creativeLabs.</span> <span className="ms-1">&copy; 2021 Courier.</span>
</div> </div>
<div className="ms-auto"> {/* <div className="ms-auto">
<span className="me-1">Powered by</span> <span className="me-1">Powered by</span>
<a href="https://coreui.io/react" target="_blank" rel="noopener noreferrer"> <a href="https://coreui.io/react" target="_blank" rel="noopener noreferrer">
CoreUI for React CoreUI for React
</a> </a>
</div> </div> */}
</CFooter> </CFooter>
) )
} }

8
src/components/AppHeader.js
View File

@ -40,15 +40,15 @@ const AppHeader = () => {
Dashboard Dashboard
</CNavLink> </CNavLink>
</CNavItem> </CNavItem>
<CNavItem> {/* <CNavItem>
<CNavLink href="#">Users</CNavLink> <CNavLink href="#">Users</CNavLink>
</CNavItem> </CNavItem>
<CNavItem> <CNavItem>
<CNavLink href="#">Settings</CNavLink> <CNavLink href="#">Settings</CNavLink>
</CNavItem> </CNavItem> */}
</CHeaderNav> </CHeaderNav>
<CHeaderNav> <CHeaderNav>
<CNavItem> {/* <CNavItem>
<CNavLink href="#"> <CNavLink href="#">
<CIcon icon={cilBell} size="lg" /> <CIcon icon={cilBell} size="lg" />
</CNavLink> </CNavLink>
@ -62,7 +62,7 @@ const AppHeader = () => {
<CNavLink href="#"> <CNavLink href="#">
<CIcon icon={cilEnvelopeOpen} size="lg" /> <CIcon icon={cilEnvelopeOpen} size="lg" />
</CNavLink> </CNavLink>
</CNavItem> </CNavItem> */}
</CHeaderNav> </CHeaderNav>
<CHeaderNav className="ms-3"> <CHeaderNav className="ms-3">
<AppHeaderDropdown /> <AppHeaderDropdown />

4
src/components/AppSidebar.js
View File

@ -30,7 +30,9 @@ const AppSidebar = () => {
}} }}
> >
<CSidebarBrand className="d-none d-md-flex" to="/"> <CSidebarBrand className="d-none d-md-flex" to="/">
<CIcon className="sidebar-brand-full" icon={logoNegative} height={35} /> {/* <CIcon className="sidebar-brand-full" icon={logoNegative} height={35} /> */}
<h1>Courier</h1>
{/* <CIcon className="sidebar-brand-narrow" height={35} /> */}
<CIcon className="sidebar-brand-narrow" icon={sygnet} height={35} /> <CIcon className="sidebar-brand-narrow" icon={sygnet} height={35} />
</CSidebarBrand> </CSidebarBrand>
<CSidebarNav> <CSidebarNav>

8
src/components/header/AppHeaderDropdown.js
View File

@ -33,7 +33,7 @@ const AppHeaderDropdown = () => {
<CDropdownMenu className="pt-0" placement="bottom-end"> <CDropdownMenu className="pt-0" placement="bottom-end">
<CDropdownHeader className="bg-light fw-semibold py-2">Account</CDropdownHeader> <CDropdownHeader className="bg-light fw-semibold py-2">Account</CDropdownHeader>
<CDropdownItem href="#"> <CDropdownItem href="#">
<CIcon icon={cilBell} className="me-2" /> {/* <CIcon icon={cilBell} className="me-2" />
Updates Updates
<CBadge color="info" className="ms-2"> <CBadge color="info" className="ms-2">
42 42
@ -81,12 +81,12 @@ const AppHeaderDropdown = () => {
Projects Projects
<CBadge color="primary" className="ms-2"> <CBadge color="primary" className="ms-2">
42 42
</CBadge> </CBadge> */}
</CDropdownItem> </CDropdownItem>
<CDropdownDivider /> {/* <CDropdownDivider /> */}
<CDropdownItem href="#"> <CDropdownItem href="#">
<CIcon icon={cilLockLocked} className="me-2" /> <CIcon icon={cilLockLocked} className="me-2" />
Lock Account Log Out
</CDropdownItem> </CDropdownItem>
</CDropdownMenu> </CDropdownMenu>
</CDropdown> </CDropdown>

2
src/routes.js
View File

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

10
src/views/dashboard/Dashboard.js
View File

@ -183,7 +183,7 @@ const Dashboard = () => {
return ( return (
<> <>
<WidgetsDropdown /> <WidgetsDropdown />
<CCard className="mb-4"> {/* <CCard className="mb-4">
<CCardBody> <CCardBody>
<CRow> <CRow>
<CCol sm={5}> <CCol sm={5}>
@ -308,11 +308,11 @@ const Dashboard = () => {
))} ))}
</CRow> </CRow>
</CCardFooter> </CCardFooter>
</CCard> </CCard> */}
<WidgetsBrand withCharts /> {/* <WidgetsBrand withCharts /> */}
<CRow> {/* <CRow>
<CCol xs> <CCol xs>
<CCard className="mb-4"> <CCard className="mb-4">
<CCardHeader>Traffic {' & '} Sales</CCardHeader> <CCardHeader>Traffic {' & '} Sales</CCardHeader>
@ -455,7 +455,7 @@ const Dashboard = () => {
</CCardBody> </CCardBody>
</CCard> </CCard>
</CCol> </CCol>
</CRow> </CRow> */}
</> </>
) )
} }

15
src/views/pages/login/Login.js
View File

@ -32,7 +32,7 @@ const Login = () => {
<CInputGroupText> <CInputGroupText>
<CIcon icon={cilUser} /> <CIcon icon={cilUser} />
</CInputGroupText> </CInputGroupText>
<CFormInput placeholder="Username" autoComplete="username" /> <CFormInput placeholder="Email" autoComplete="email" />
</CInputGroup> </CInputGroup>
<CInputGroup className="mb-4"> <CInputGroup className="mb-4">
<CInputGroupText> <CInputGroupText>
@ -46,9 +46,18 @@ const Login = () => {
</CInputGroup> </CInputGroup>
<CRow> <CRow>
<CCol xs={6}> <CCol xs={6}>
<Link to="/dashboard">
<CButton color="primary" className="px-4"> <CButton color="primary" className="px-4">
Login Login
</CButton> </CButton>
</Link>
</CCol>
<CCol xs={6}>
<Link to="/">
<CButton color="danger" className="px-4">
Cancel
</CButton>
</Link>
</CCol> </CCol>
<CCol xs={6} className="text-right"> <CCol xs={6} className="text-right">
<CButton color="link" className="px-0"> <CButton color="link" className="px-0">
@ -59,7 +68,7 @@ const Login = () => {
</CForm> </CForm>
</CCardBody> </CCardBody>
</CCard> </CCard>
<CCard className="text-white bg-primary py-5" style={{ width: '44%' }}> {/* <CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
<CCardBody className="text-center"> <CCardBody className="text-center">
<div> <div>
<h2>Sign up</h2> <h2>Sign up</h2>
@ -74,7 +83,7 @@ const Login = () => {
</Link> </Link>
</div> </div>
</CCardBody> </CCardBody>
</CCard> </CCard> */}
</CCardGroup> </CCardGroup>
</CCol> </CCol>
</CRow> </CRow>

10
src/views/pages/register/Register.js
View File

@ -16,15 +16,15 @@ import { cilLockLocked, cilUser } from '@coreui/icons'
const Register = () => { const Register = () => {
return ( return (
<div className="bg-light min-vh-100 d-flex flex-row align-items-center"> <div className="bg-light min-vh-50 d-flex flex-row align-items-flex-start">
<CContainer> <CContainer>
<CRow className="justify-content-center"> <CRow className="justify-content-center">
<CCol md={9} lg={7} xl={6}> <CCol md={9} lg={7} xl={6}>
<CCard className="mx-4"> <CCard className="mx-4">
<CCardBody className="p-4"> <CCardBody className="p-4">
<CForm> <CForm>
<h1>Register</h1> <h1>Change Password</h1>
<p className="text-medium-emphasis">Create your account</p> {/* <p className="text-medium-emphasis">Create your account</p> */}
<CInputGroup className="mb-3"> <CInputGroup className="mb-3">
<CInputGroupText> <CInputGroupText>
<CIcon icon={cilUser} /> <CIcon icon={cilUser} />
@ -51,12 +51,12 @@ const Register = () => {
</CInputGroupText> </CInputGroupText>
<CFormInput <CFormInput
type="password" type="password"
placeholder="Repeat password" placeholder="Confirm password"
autoComplete="new-password" autoComplete="new-password"
/> />
</CInputGroup> </CInputGroup>
<div className="d-grid"> <div className="d-grid">
<CButton color="success">Create Account</CButton> <CButton color="success">Submit</CButton>
</div> </div>
</CForm> </CForm>
</CCardBody> </CCardBody>

64
src/views/widgets/WidgetsDropdown.js
View File

@ -23,25 +23,25 @@ const WidgetsDropdown = () => {
value={ value={
<> <>
26K{' '} 26K{' '}
<span className="fs-6 fw-normal"> {/* <span className="fs-6 fw-normal">
(-12.4% <CIcon icon={cilArrowBottom} />) (-12.4% <CIcon icon={cilArrowBottom} />)
</span> </span> */}
</> </>
} }
title="Users" title="Users"
action={ // action={
<CDropdown alignment="end"> // <CDropdown alignment="end">
<CDropdownToggle color="transparent" caret={false} className="p-0"> // <CDropdownToggle color="transparent" caret={false} className="p-0">
<CIcon icon={cilOptions} className="text-high-emphasis-inverse" /> // <CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
</CDropdownToggle> // </CDropdownToggle>
<CDropdownMenu> // <CDropdownMenu>
<CDropdownItem>Action</CDropdownItem> // <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> // <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> // <CDropdownItem>Something else here...</CDropdownItem>
<CDropdownItem disabled>Disabled action</CDropdownItem> // <CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdownMenu> // </CDropdownMenu>
</CDropdown> // </CDropdown>
} // }
chart={ chart={
<CChartLine <CChartLine
className="mt-3 mx-3" className="mt-3 mx-3"
@ -110,25 +110,25 @@ const WidgetsDropdown = () => {
value={ value={
<> <>
$6.200{' '} $6.200{' '}
<span className="fs-6 fw-normal"> {/* <span className="fs-6 fw-normal">
(40.9% <CIcon icon={cilArrowTop} />) (40.9% <CIcon icon={cilArrowTop} />)
</span> </span> */}
</> </>
} }
title="Income" title="Income"
action={ // action={
<CDropdown alignment="end"> // <CDropdown alignment="end">
<CDropdownToggle color="transparent" caret={false} className="p-0"> // <CDropdownToggle color="transparent" caret={false} className="p-0">
<CIcon icon={cilOptions} className="text-high-emphasis-inverse" /> // <CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
</CDropdownToggle> // </CDropdownToggle>
<CDropdownMenu> // <CDropdownMenu>
<CDropdownItem>Action</CDropdownItem> // <CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem> // <CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem> // <CDropdownItem>Something else here...</CDropdownItem>
<CDropdownItem disabled>Disabled action</CDropdownItem> // <CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdownMenu> // </CDropdownMenu>
</CDropdown> // </CDropdown>
} // }
chart={ chart={
<CChartLine <CChartLine
className="mt-3 mx-3" className="mt-3 mx-3"
@ -189,7 +189,7 @@ const WidgetsDropdown = () => {
} }
/> />
</CCol> </CCol>
<CCol sm={6} lg={3}> {/* <CCol sm={6} lg={3}>
<CWidgetStatsA <CWidgetStatsA
className="mb-4" className="mb-4"
color="warning" color="warning"
@ -353,7 +353,7 @@ const WidgetsDropdown = () => {
/> />
} }
/> />
</CCol> </CCol> */}
</CRow> </CRow>
) )
} }

17784
yarn.lock
View File

File diff suppressed because it is too large Load Diff