hamid zarghami
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import { FC, ReactNode } from 'react'
|
|
import { Link } from 'react-router-dom'
|
|
import { clx } from '../helpers/utils'
|
|
import { Pages } from '../config/Pages'
|
|
|
|
type Props = {
|
|
icon: ReactNode,
|
|
title: string,
|
|
isActive: boolean,
|
|
link: string,
|
|
isLogout?: boolean,
|
|
}
|
|
|
|
const SideBarItem: FC<Props> = (props: Props) => {
|
|
|
|
const handleLogout = () => {
|
|
localStorage.removeItem(import.meta.env.VITE_TOKEN_NAME)
|
|
window.location.href = Pages.auth.login
|
|
}
|
|
|
|
return (
|
|
<Link onClick={props.isLogout ? handleLogout : undefined} to={props.link} className='flex text-xs gap-9 mt-4'>
|
|
<div className={clx(
|
|
'w-1 bg-black h-6',
|
|
!props.isActive && 'invisible'
|
|
)}></div>
|
|
<div className='flex gap-3 items-center'>
|
|
{props.icon}
|
|
<div className={props.isActive ? 'text-black' : ''}>
|
|
{props.title}
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
export default SideBarItem |