refacotor: template updates

Author: woothu

package-lock.json

@@ -26,9 +26,9 @@
     "@coreui/chartjs": "^2.0.0",
     "@coreui/coreui": "^3.2.0",
     "@coreui/icons": "^1.0.1",
-    "@coreui/icons-react": "^1.0.0-beta.1",
-    "@coreui/react": "^3.0.0-beta.6",
-    "@coreui/react-chartjs": "^1.0.0-alpha.1",
+    "@coreui/icons-react": "^1.0.0",
+    "@coreui/react": "^3.0.0",
+    "@coreui/react-chartjs": "^1.0.0",
     "@coreui/utils": "^1.3.1",
     "classnames": "^2.2.6",
     "core-js": "^3.6.5",

package.json

@@ -42,6 +42,8 @@ import {
   cilAlignRight,
   cilApplicationsSettings,
   cilArrowRight,
+  cilArrowTop,
+  cilAsterisk,
   cilBan,
   cilBasket,
   cilBell,
@@ -104,6 +106,7 @@ import {
   cilPrint,
   cilPuzzle,
   cilSave,
+  cilScrubber,
   cilSettings,
   cilShare,
   cilShareAll,
@@ -122,6 +125,7 @@ import {
   cilUserFemale,
   cilUserFollow,
   cilUserUnfollow,
+  cilX,
   cilXCircle,
   cilWarning
 } from '@coreui/icons'
@@ -136,6 +140,8 @@ export const icons = Object.assign({}, {
   cilAlignRight,
   cilApplicationsSettings,
   cilArrowRight,
+  cilArrowTop,
+  cilAsterisk,
   cilBan,
   cilBasket,
   cilBell,
@@ -163,12 +169,12 @@ export const icons = Object.assign({}, {
   cilEnvelopeLetter,
   cilEnvelopeOpen,
   cilEuro,
-  cilGraph,
   cilGlobeAlt,
   cilGrid,
   cilFile,
   cilFullscreen,
   cilFullscreenExit,
+  cilGraph,
   cilHome,
   cilInbox,
   cilIndentDecrease,
@@ -198,6 +204,7 @@ export const icons = Object.assign({}, {
   cilPrint,
   cilPuzzle,
   cilSave,
+  cilScrubber,
   cilSettings,
   cilShare,
   cilShareAll,
@@ -216,6 +223,7 @@ export const icons = Object.assign({}, {
   cilUserFemale,
   cilUserFollow,
   cilUserUnfollow,
+  cilX,
   cilXCircle,
   cilWarning
 }, {

src/assets/icons/index.js

@@ -11,7 +11,7 @@ import {
   CBreadcrumbRouter,
   CLink
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 // routes config
 import routes from '../routes'

src/containers/TheHeader.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CImg
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdown = () => {
   return (

src/containers/TheHeaderDropdown.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CImg
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownMssg = () => {
   const itemsCount = 4

src/containers/TheHeaderDropdownMssg.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CProgress
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownNotif = () => {
   const itemsCount = 5
@@ -31,7 +31,7 @@ const TheHeaderDropdownNotif = () => {
         </CDropdownItem>
         <CDropdownItem><CIcon name="cil-user-follow" className="mr-2 text-success" /> New user registered</CDropdownItem>
         <CDropdownItem><CIcon name="cil-user-unfollow" className="mr-2 text-danger" /> User deleted</CDropdownItem>
-        <CDropdownItem><CIcon name="cil-chart" className="mr-2 text-info" /> Sales report is ready</CDropdownItem>
+        <CDropdownItem><CIcon name="cil-chart-pie" className="mr-2 text-info" /> Sales report is ready</CDropdownItem>
         <CDropdownItem><CIcon name="cil-basket" className="mr-2 text-primary" /> New client</CDropdownItem>
         <CDropdownItem><CIcon name="cil-speedometer" className="mr-2 text-warning" /> Server overloaded</CDropdownItem>
         <CDropdownItem

src/containers/TheHeaderDropdownNotif.js

@@ -7,7 +7,7 @@ import {
   CDropdownToggle,
   CProgress
 } from '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const TheHeaderDropdownTasks = () => {
   const itemsCount = 5

src/containers/TheHeaderDropdownTasks.js

@@ -12,7 +12,7 @@ import {
   CSidebarNavItem,
 } from '@coreui/react'
 
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 // sidebar nav config
 import navigation from './_nav'

src/containers/TheSidebar.js

@@ -12,7 +12,7 @@ import {
   CSwitch,
   CLink
 } from  '@coreui/react'
-import { CIcon } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 
 const Cards = () => {
   const [collapsed, setCollapsed] = React.useState(true)