refactor: update layout

src/components/AppHeader.js

@@ -13,28 +13,12 @@ import {
 } from '@coreui/react'
 import CIcon from '@coreui/icons-react'
 
-import {
+import { AppBreadcrumb, AppHeaderDropdown } from '../containers/index'
-  AppBreadcrumb,
-  AppHeaderDropdown,
-  AppHeaderDropdownMssg,
-  AppHeaderDropdownNotif,
-  AppHeaderDropdownTasks,
-} from '../containers/index'
 
 const AppHeader = () => {
   const dispatch = useDispatch()
   const sidebarShow = useSelector((state) => state.sidebarShow)
 
-  // const toggleSidebar = () => {
-  //   const val = [true, 'responsive'].includes(sidebarShow) ? false : 'responsive'
-  //   dispatch({ type: 'set', sidebarShow: val })
-  // }
-
-  // const toggleSidebarMobile = () => {
-  //   const val = [false, 'responsive'].includes(sidebarShow) ? true : 'responsive'
-  //   dispatch({ type: 'set', sidebarShow: val })
-  // }
-
   return (
     <CHeader position="sticky" className="mb-4">
       <CContainer fluid>

src/containers/TheContent.js

@@ -1,6 +1,6 @@
 import React, { Suspense } from 'react'
 import { Redirect, Route, Switch } from 'react-router-dom'
-import { CContainer, CFade } from '@coreui/react'
+import { CContainer } from '@coreui/react'
 
 // routes config
 import routes from '../routes'
@@ -26,9 +26,9 @@ const TheContent = () => {
                     exact={route.exact}
                     name={route.name}
                     render={(props) => (
-                      <CFade>
+                      <>
                         <route.component {...props} />
-                      </CFade>
+                      </>
                     )}
                   />
                 )

src/containers/index.js

@@ -3,9 +3,6 @@ import TheContent from './TheContent'
 import AppFooter from '../components/AppFooter'
 import AppHeader from '../components/AppHeader'
 import AppHeaderDropdown from '../components/header/AppHeaderDropdown'
-import AppHeaderDropdownMssg from '../components/header/AppHeaderDropdownMssg'
-import AppHeaderDropdownNotif from '../components/header/AppHeaderDropdownNotif'
-import AppHeaderDropdownTasks from '../components/header/AppHeaderDropdownTasks'
 import DefaultLayout from '../layout/DefaultLayout'
 import AppSidebar from '../components/AppSidebar'
 
@@ -15,9 +12,6 @@ export {
   AppFooter,
   AppHeader,
   AppHeaderDropdown,
-  AppHeaderDropdownMssg,
-  AppHeaderDropdownNotif,
-  AppHeaderDropdownTasks,
   DefaultLayout,
   AppSidebar,
 }

src/reusable/DocsLink.js

@@ -15,7 +15,7 @@ const DocsLink = (props) => {
         target="_blank"
         className="card-header-action"
       >
-        <small className="text-muted">{text || 'docs'}</small>
+        <small className="text-medium-emphasis">{text || 'docs'}</small>
       </CLink>
     </div>
   )