94 lines
2.6 KiB
JavaScript
94 lines
2.6 KiB
JavaScript
import React from 'react'
|
|
import {
|
|
CAvatar,
|
|
CBadge,
|
|
CDropdown,
|
|
CDropdownDivider,
|
|
CDropdownHeader,
|
|
CDropdownItem,
|
|
CDropdownMenu,
|
|
CDropdownToggle,
|
|
} from '@coreui/react'
|
|
import {
|
|
cilBell,
|
|
cilCreditCard,
|
|
cilCommentSquare,
|
|
cilFile,
|
|
cilLockLocked,
|
|
cilSettings,
|
|
cilTask,
|
|
cilUser,
|
|
} from '@coreui/icons'
|
|
import CIcon from '@coreui/icons-react'
|
|
|
|
const AppHeaderDropdown = () => {
|
|
return (
|
|
<CDropdown variant="nav-item">
|
|
<CDropdownToggle placement="bottom-end" className="py-0" caret={false}>
|
|
<CAvatar src="/avatars/8.jpg" size="md" />
|
|
</CDropdownToggle>
|
|
<CDropdownMenu className="pt-0" placement="bottom-end">
|
|
<CDropdownHeader className="bg-light fw-semibold py-2">Account</CDropdownHeader>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilBell} className="me-2" />
|
|
Updates
|
|
<CBadge color="info" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name="cil-envelope-open" className="me-2" />
|
|
Messages
|
|
<CBadge color="success" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilTask} className="me-2" />
|
|
Tasks
|
|
<CBadge color="danger" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilCommentSquare} className="me-2" />
|
|
Comments
|
|
<CBadge color="warning" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownHeader className="bg-light fw-semibold py-2">Settings</CDropdownHeader>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilUser} className="me-2" />
|
|
Profile
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilSettings} className="me-2" />
|
|
Settings
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilCreditCard} className="me-2" />
|
|
Payments
|
|
<CBadge color="secondary" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilFile} className="me-2" />
|
|
Projects
|
|
<CBadge color="primary" className="ms-2">
|
|
42
|
|
</CBadge>
|
|
</CDropdownItem>
|
|
<CDropdownDivider />
|
|
<CDropdownItem href="#">
|
|
<CIcon name={cilLockLocked} className="me-2" />
|
|
Lock Account
|
|
</CDropdownItem>
|
|
</CDropdownMenu>
|
|
</CDropdown>
|
|
)
|
|
}
|
|
|
|
export default AppHeaderDropdown
|