started dashboard layout

2025-02-12 23:20:40 +01:00
parent 63bb8eee52
commit d65380363e
30 changed files with 1025 additions and 23 deletions
@@ -0,0 +1,17 @@
+import { Link, useLocation } from "react-router-dom"
+
+export default function AsideLink({shrinkAside, name, to, icon}) {
+
+  const {pathname} = useLocation()
+
+  return (
+    <Link 
+        className={`w-full flex items-center gap-2 px-4 py-2 my-1 text-[13px] font-semibold rounded-md hover:text-white-light hover:bg-white/10 ${pathname == to ? 'bg-white/10 text-white-light' : 'text-slate-400'}`} 
+        to={to}
+    >   
+        {/* {icon && <span className={`after:content-['24']`}></span>} */}
+        {icon && <i className={`${icon}`}></i>}
+        {shrinkAside ? '' : name}
+    </Link>
+  )
+}