MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

initial home page commit #3

Closed
victor.ebuka wants to merge 1 commits from test-bootstrap into master
pull from: test-bootstrap
merge into: MERMS:master
Conversation 0 Commits 1 Files Changed 6
+230 -214
6 changed files with 230 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.js
+3 -3
View File
@@ -14,13 +14,13 @@ function App() {
return (
<div className="">
<Routes>
<Route path={siteLinks.home} element={<LoginPage />} />
<Route path={siteLinks.login} element={<LoginPage />} />
<Route path={siteLinks.signup} element={<SignupPage />} />
<Route path={siteLinks.error} element={<ForgetpwdPage />} />
<Route path={siteLinks.forgetpwd} element={<ForgetpwdPage />} />
{/* protected routes */}
<Route element={<UserExist />}>
<Route path={siteLinks.dash} element={<HomePage />} />
<Route path={siteLinks.home} element={<HomePage />} />
</Route>
</Routes>
</div>
src/component/auth/Login2.jsx
+10 -7
View File
@@ -1,12 +1,16 @@
import React, { useEffect, useState } from 'react'
import LoginImg from '../../assets/bg/login.svg'
import MainLoader from '../loaders/MainLoader'
import BSMainLoader from '../loaders/BSMainLoader'
import { Link, useNavigate } from 'react-router-dom'
import siteLinks from '../../links/siteLinks'
export default function Login() {
const [loading, setLoading] = useState(true)
const navigate = useNavigate()
useEffect(()=>{
const timer = setTimeout(()=>{
setLoading(false)
@@ -17,9 +21,8 @@ export default function Login() {
return (
<div className="bg-white">
{loading ?
<MainLoader />
<BSMainLoader />
:
<div className="app">
<div className="app-wrap">
@@ -54,21 +57,21 @@ export default function Login() {
Remember Me
</label>
</div>
<a href="#" className="ml-auto">Forgot Password ?</a>
<Link to={siteLinks.forgetpwd} className="ml-auto">Forgot Password ?</Link>
</div>
</div>
<div className="col-12 mt-3">
<a href="index.html" className="btn btn-primary text-uppercase">Sign In</a>
<button onClick={()=>{navigate(siteLinks.home)}} className="btn btn-primary text-uppercase">Sign In</button>
</div>
<div className="col-12 mt-3">
<p>Don't have an account ?<a href="auth-register.html"> Sign Up</a></p>
<p>Don't have an account ?<Link to={siteLinks.signup}> Sign Up</Link></p>
</div>
</div>
</form>
</div>
</div>
</div>
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2" style={{background: 'linear-gradient(to right, #8e54e9 0, #4776e6 100%)'}}>
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2">
<div className="row align-items-center h-100">
<div className="col-7 mx-auto ">
<img className="img-fluid" src={LoginImg} alt="" />
src/component/authorization/UserExist.jsx
+2 -2
View File
@@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react'
import { Outlet } from 'react-router-dom'
import MainLoader from '../loaders/MainLoader'
import BSMainLoader from '../loaders/BSMainLoader'
export default function UserExist() {
@@ -17,7 +17,7 @@ export default function UserExist() {
return (
<>
{loading ?
<MainLoader />
<BSMainLoader />
:
<Outlet />
}
src/component/home/Home.jsx
+198 -200
View File
@@ -37,12 +37,12 @@ export default function Home() {
<div className="navigation d-flex">
<ul className="navbar-nav nav-left">
<li className="nav-item">
<a href="javascript:void(0)" className="nav-link sidebar-toggle">
<a href="#" className="nav-link sidebar-toggle">
<i className="ti ti-align-right"></i>
</a>
</li>
<li className="nav-item">
<a className="nav-link " href="javascript:void(0)" id="navbarDropdown" role="button"
<a className="nav-link " href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Mega Menu
<i className="fa fa-angle-down"></i>
</a>
@@ -147,25 +147,25 @@ export default function Home() {
</div>
</li>
<li className="nav-item dropdown">
<a href="javascript:void(0)" className="nav-link " id="navbarDropdown1" role="button"
<a href="#" className="nav-link " id="navbarDropdown1" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Drop Down
<i className="fa fa-angle-down"></i>
</a>
<div className="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
<a className="dropdown-item nav-link" href="javascript:void(0)">Action</a>
<a className="dropdown-item nav-link" href="javascript:void(0)">Another action</a>
<a className="dropdown-item nav-link" href="javascript:void(0)">Something else here</a>
<a className="dropdown-item nav-link" href="#">Action</a>
<a className="dropdown-item nav-link" href="#">Another action</a>
<a className="dropdown-item nav-link" href="#">Something else here</a>
</div>
</li>
<li className="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
<a href="javascript:void(0)" className="nav-link expand">
<a href="#" className="nav-link expand">
<i className="icon-size-fullscreen"></i>
</a>
</li>
</ul>
<ul className="navbar-nav nav-right ml-auto">
<li className="nav-item dropdown">
<a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown2"
<a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i className="ti ti-email"></i>
</a>
@@ -179,7 +179,7 @@ export default function Home() {
<li className="dropdown-body">
<ul className="scrollbar scroll_dark max-h-240">
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/03.jpg" alt="user3" />
@@ -192,7 +192,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/01.jpg" alt="user" />
@@ -205,7 +205,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/02.jpg" alt="user2" />
@@ -218,7 +218,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/04.jpg" alt="user4" />
@@ -231,7 +231,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/05.jpg" alt="user5" />
@@ -244,7 +244,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<img className="img-fluid" src="assets/img/avtar/06.jpg" alt="user6" />
@@ -259,13 +259,13 @@ export default function Home() {
</ul>
</li>
<li className="dropdown-footer">
<a className="font-13" href="javascript:void(0)"> View All messages </a>
<a className="font-13" href="#"> View All messages </a>
</li>
</ul>
</div>
</li>
<li className="nav-item dropdown">
<a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown3"
<a className="nav-link dropdown-toggle" href="#" id="navbarDropdown3"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i className="fe fe-bell"></i>
<span className="notify">
@@ -282,7 +282,7 @@ export default function Home() {
<li className="dropdown-body min-h-240 nicescroll">
<ul className="scrollbar scroll_dark max-h-240">
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<div className="bg-type bg-type-md">
@@ -297,7 +297,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<div className="bg-type bg-type-md bg-success">
@@ -312,7 +312,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<div className="bg-type bg-type-md bg-danger">
@@ -327,7 +327,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<div className="bg-type bg-type-md bg-info">
@@ -342,7 +342,7 @@ export default function Home() {
</a>
</li>
<li>
<a href="javascript:void(0)">
<a href="#">
<div className="notification d-flex flex-row align-items-center">
<div className="notify-icon bg-img align-self-center">
<div className="bg-type bg-type-md">
@@ -359,14 +359,14 @@ export default function Home() {
</ul>
</li>
<li className="dropdown-footer">
<a className="font-13" href="javascript:void(0)"> View All Notifications
<a className="font-13" href="#"> View All Notifications
</a>
</li>
</ul>
</div>
</li>
<li className="nav-item">
<a className="nav-link search" href="javascript:void(0)">
<a className="nav-link search" href="#">
<i className="ti ti-search"></i>
</a>
<div className="search-wrapper">
@@ -385,7 +385,7 @@ export default function Home() {
</div>
</li>
<li className="nav-item dropdown user-profile">
<a href="javascript:void(0)" className="nav-link dropdown-toggle " id="navbarDropdown4"
<a href="#" className="nav-link dropdown-toggle " id="navbarDropdown4"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="assets/img/avtar/02.jpg" alt="avtar-img" />
<span className="bg-success user-status"></span>
@@ -403,16 +403,16 @@ export default function Home() {
</div>
</div>
<div className="p-4">
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-user pr-2 text-success"></i> Profile</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-envelope pr-2 text-primary"></i> Inbox
<span className="badge badge-primary ml-auto">6</span>
</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className=" ti ti-settings pr-2 text-info"></i> Settings
</a>
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
<a className="dropdown-item d-flex nav-link" href="#">
<i className="fa fa-compass pr-2 text-warning"></i> Need help?</a>
<div className="row mt-2">
<div className="col">
@@ -577,7 +577,7 @@ export default function Home() {
<a className="btn btn-xs" href="#!">Export <i className="zmdi zmdi-download pl-1"></i> </a>
</div>
</div>
<div className="card-body scrollbar scroll_dark pt-0" style="max-height: 350px;">
<div className="card-body scrollbar scroll_dark pt-0" style={{maxHeight: '350px'}}>
<div className="datatable-wrapper table-responsive">
<table id="datatable" className="table table-borderless table-striped">
<thead>
@@ -596,546 +596,544 @@ export default function Home() {
<td>Cold Shoulder Bling Dress</td>
<td>$65.342</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 80%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '80%'}}
aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>2</td>
<td>PlayStation 4 Pro 1TB Console</td>
<td>$47.655</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 36%;"
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '36%'}} aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>3</td>
<td>Extra Fine Wool Jumpers</td>
<td>$56.479</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 60%;"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '60%'}} aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-danger-inverse">Canceled</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>4</td>
<td>Long Sleeve Bow Top</td>
<td>$04.786</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 50%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '50%'}}
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>5</td>
<td>Shine Stripe Long Sleeve Ruffle</td>
<td>$23.456</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 75%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '75%'}}
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>6</td>
<td>Long Sleeve Micro Thermal Shirt</td>
<td>$65.598</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 90%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '90%'}}
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-info-inverse">info</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>7</td>
<td>Standard Fit Bomber Sweater</td>
<td>$87.659</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 45%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-warning-inverse">Warning</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>8</td>
<td>Standard Fit Crew T-Shirt</td>
<td>$32.466</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 55%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '55%'}}
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>9</td>
<td>Standard Fit Short Sleeve V-Neck</td>
<td>$03.544</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 70%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '70%'}}
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>10</td>
<td>Sanus classNameic Small Full Motion Wall</td>
<td>$14.489</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 65%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>11</td>
<td>Jena Gaines</td>
<td>$78.654</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>12</td>
<td>Quinn Flynn</td>
<td>$23.486</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 96%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>13</td>
<td>Charde Marshall</td>
<td>$65.453</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 74%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '74%'}}
aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>14</td>
<td>Haley Kennedy</td>
<td>$78.645</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 62%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '62%'}}
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>15</td>
<td>Tatyana Fitzpatrick</td>
<td>$65.342</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 55%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '55%'}}
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>16</td>
<td>Michael Silva</td>
<td>$07.456</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>17</td>
<td>Paul Byrd</td>
<td>$36.478</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 36%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '36%'}}
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>18</td>
<td>Gloria Little</td>
<td>$84.798</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>19</td>
<td>Bradley Greer</td>
<td>$12.356</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 65%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>20</td>
<td>Dai Rios</td>
<td>$45.655</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 85%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '85%'}}
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>21</td>
<td>Jenette Caldwell</td>
<td>$47.586</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>22</td>
<td>Yuri Berry</td>
<td>$36.756</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 63%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '63%'}}
aria-valuenow="63" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>23</td>
<td>Caesar Vance</td>
<td>$78.659</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 96%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>24</td>
<td>Doris Wilder</td>
<td>$56.484</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 87%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '87%'}}
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>25</td>
<td>Angelica Ramos</td>
<td>$36.796</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 98%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '98%'}}
aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>26</td>
<td>Gavin Joyce</td>
<td>$25.365</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 87%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '87%'}}
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>27</td>
<td>Jennifer Chang</td>
<td>$78.489</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 70%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '70%'}}
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>28</td>
<td>Brenden Wagner</td>
<td>$35.987</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 65%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>29</td>
<td>Fiona Green</td>
<td>$78.464</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 75%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '75%'}}
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>30</td>
<td>Shou Itou</td>
<td>$61.444</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 85%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '85%'}}
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>31</td>
<td>Michelle House</td>
<td>$85.488</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>32</td>
<td>Suki Burks</td>
<td>$89.463</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 66%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '66%'}}
aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>33</td>
<td>Prescott Bartlett</td>
<td>$23.464</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 62%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '62%'}}
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>34</td>
<td>Gavin Cortez</td>
<td>$12.254</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 45%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>35</td>
<td>Martena Mccray</td>
<td>$24.478</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 36%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '36%'}}
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>36</td>
<td>Unity Butler</td>
<td>$36.478</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 45%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>37</td>
<td>Howard Hatfield</td>
<td>$48.654</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 96%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>38</td>
<td>Hope Fuentes</td>
<td>$78.654</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 47%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
<tr>
<td>39</td>
<td>Vivian Harrell</td>
<td>$26.154</td>
<td>
<div className="progress my-3" style="height: 3px;">
<div className="progress-bar" role="progressbar" style="width: 56%;"
<div className="progress my-3" style={{height: '3px'}}>
<div className="progress-bar" role="progressbar" style={{width: '56%'}}
aria-valuenow="56" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td><span className="badge badge-success-inverse">Active</span></td>
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
href=""><i className="fe fe-trash-2"></i></a></td>
</tr>
</tbody>
<tfoot>
@@ -1185,7 +1183,7 @@ export default function Home() {
<div className="row mt-4">
<div className="col-lg-8">
<div className="morris-wrapper">
<div id="morrisecommerce1" style="height: 260px;"></div>
<div id="morrisecommerce1" style={{height: '260px'}}></div>
</div>
</div>
<div className="col-lg-4 mt-4">
@@ -1254,7 +1252,7 @@ export default function Home() {
<input type="text" className="form-control form-control-sm" placeholder="Search Invoice"/>
</div>
</div>
<div className="card-body scrollbar scroll_dark" style="max-height: 420px;">
<div className="card-body scrollbar scroll_dark" style={{maxHeight: '420px'}}>
<div className="d-xxs-flex align-items-center">
<div className="total-sales">
<p>Total Sales</p>
@@ -1264,14 +1262,14 @@ export default function Home() {
<button className="btn btn-primary btn-xs">View All Invoices</button>
</div>
</div>
<div className="d-none d-sm-flex progress m-t-20 m-b-0" style="height: 5px;">
<div className="progress-bar bg-primary" role="progressbar" style="width: 25%"
<div className="d-none d-sm-flex progress m-t-20 m-b-0" style={{height: '5px'}}>
<div className="progress-bar bg-primary" role="progressbar" style={{width: '25%'}}
aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
<div className="progress-bar bg-warning" role="progressbar" style="width: 25%"
<div className="progress-bar bg-warning" role="progressbar" style={{width: '25%'}}
aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
<div className="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="20"
<div className="progress-bar bg-info" role="progressbar" style={{width: '25%'}} aria-valuenow="20"
aria-valuemin="0" aria-valuemax="100"></div>
<div className="progress-bar bg-success" role="progressbar" style="width: 25%"
<div className="progress-bar bg-success" role="progressbar" style={{width: '25%'}}
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div className="row no-gutters">
@@ -1471,8 +1469,8 @@ export default function Home() {
<span>Ordered: <b>45</b></span>
<span className="ml-auto">Items available: <b>8</b></span>
</div>
<div className="progress my-3" style="height: 6px;">
<div className="progress-bar bg-success" role="progressbar" style="width: 65%;"
<div className="progress my-3" style={{height: '6px'}}>
<div className="progress-bar bg-success" role="progressbar" style={{width: '65%'}}
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
@@ -1489,7 +1487,7 @@ export default function Home() {
<div className="col-xxs-6 h-100 p-2 border-right border-bottom border-xxs-right-0">
<div className="d-flex align-items-center justify-content-center">
<div className="p-3 text-center">
<a href="javascript:void(0);"
<a href=""
className="btn btn-icon btn-round btn-inverse-primary"><i
className="fe fe-settings"></i></a>
<h2 className="m-t-20 mb-0">$272</h2>
@@ -1501,7 +1499,7 @@ export default function Home() {
<div className="col-xxs-6 h-100 p-2 border-bottom">
<div className="d-flex align-items-center justify-content-center">
<div className="p-3 text-center">
<a href="javascript:void(0);"
<a href=""
className="btn btn-icon btn-round btn-inverse-success"><i
className="fe fe-user-check"></i></a>
<h2 className="m-t-20 mb-0">$450</h2>
@@ -1514,7 +1512,7 @@ export default function Home() {
<div className="col-xxs-6 h-100 p-2 border-right border-xxs-bottom border-xxs-right-0">
<div className="d-flex align-items-center justify-content-center">
<div className="p-3 text-center">
<a href="javascript:void(0);" className="btn btn-icon btn-round btn-inverse-danger"><i
<a href="" className="btn btn-icon btn-round btn-inverse-danger"><i
className="fe fe-bar-chart-2"></i></a>
<h2 className="m-t-20 mb-0">$135</h2>
<p className="text-muted d-block m-b-0">Quantity</p>
@@ -1526,7 +1524,7 @@ export default function Home() {
<div className="col-xxs-6 h-100 p-2 ">
<div className="d-flex align-items-center justify-content-center">
<div className="p-3 text-center">
<a href="javascript:void(0);" className="btn btn-icon btn-round btn-inverse-info"><i
<a href="" className="btn btn-icon btn-round btn-inverse-info"><i
className="fe fe-crosshair"></i></a>
<h2 className="m-t-20 mb-0">$7525</h2>
<p className="text-muted d-block m-b-0">Total Products</p>
src/component/loaders/BSMainLoader.jsx
+15
View File
@@ -0,0 +1,15 @@
import React from 'react'
import Loader from '../../assets/loader/loader.svg'
export default function BSMainLoader() {
return (
<div className="loader">
<div className="vh-100 d-flex justify-content-center">
<div className="align-self-center">
<img src={Loader} alt="loader" />
</div>
</div>
</div>
)
}
src/views/LoginPage.jsx
+2 -2
View File
@@ -1,8 +1,8 @@
import React from 'react'
import Login from '../component/auth/Login'
import Login2 from '../component/auth/Login2'
export default function LoginPage() {
return (
<Login />
<Login2 />
)
}