structure and home page and detail company

src/shared/SideBarItem.tsx

@@ -0,0 +1,37 @@
+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