Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | import React from 'react'
import { useSelector, useDispatch } from 'react-redux'
import {
// CAvatar,
// CCloseButton,
CSidebar,
// CSidebarBrand,
// CSidebarFooter,
CSidebarHeader,
// CSidebarToggler,
} from '@coreui/react'
import { AppSidebarNav } from './AppSidebarNav'
import { CImage } from '@coreui/react'
// import logo from '../assets/images/fontys_logo_v1.png'
import logo from '../assets/images/fontys_logo_v2.png'
// sidebar nav config
import navigation from '../_nav'
const AppSidebar = () => {
const dispatch = useDispatch()
const unfoldable = useSelector((state) => state.sidebarUnfoldable)
const sidebarShow = useSelector((state) => state.sidebarShow)
return (
<CSidebar
className="border-end"
colorScheme="dark"
position="fixed"
unfoldable={unfoldable}
visible={sidebarShow}
onVisibleChange={(visible) => {
dispatch({ type: 'set', sidebarShow: visible })
}}
>
<CSidebarHeader className="border-bottom">
<CImage fluid src={logo} height={32} />
</CSidebarHeader>
<AppSidebarNav items={navigation} />
{/* Possible footer in the nav bar */}
{/* <CSidebarFooter className="border-top d-none d-lg-flex">
<CSidebarToggler onClick={() => dispatch({ type: 'set', sidebarUnfoldable: !unfoldable })}/>
</CSidebarFooter> */}
</CSidebar>
)
}
export default React.memo(AppSidebar)
|