shaily/KAFM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard Componeets files are added some

Browse Source
This commit is contained in:
Shaily Mishra
2026-07-14 13:20:26 +01:00
parent ca40bd4095
commit 4c8c537f9c
13 changed files with 499 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/dashboard/sidebar.tsx
View File

@@ -1,42 +1,44 @@
import { SIDEBAR_ITEMS } from "@/constants/constant";
import SidebarItem from "./sideBarItem";
import {
ShieldCheck,
ShieldCheck,
Activity,
ChevronDown,
ChevronsLeft,
} from "lucide-react";
export default function Sidebar() {
return (
<aside className="w-80 bg-[#071321] text-white h-screen overflow-y-auto">
<div className="flex items-center gap-2.5 px-4 pt-4 pb-3">
<div className="flex h-9 w-9 items-center justify-center rounded-lg bg-[#3de0c4] font-bold text-[#05111d] text-lg">
<aside className=" bg-[#071321] text-white h-screen overflow-y-auto">
<div className="flex items-center gap-2 px-2 pt-2 pb-3">
<div className="flex h-9 w-9 items-center justify-center rounded-lg
bg-[#3de0c4] font-bold text-[#05111d] text-sm">
K
</div>
<span className="text-xl font-bold tracking-tight text-white">
<span className="text-sm font-bold tracking-tight text-white">
KA<span className="text-[#3de0c4]">FM</span>
</span>
</div>
<div className="mx-3 my-2 flex rounded-xl bg-[#091624] p-1 border border-[#142538]">
<button className="flex flex-1 items-center justify-center gap-1.5 rounded-lg bg-[#3de0c4] py-1.5 text-xs text-black font-semibold shadow-sm">
<div className="mx-4 my-2 flex rounded-xl
bg-[#091624] p-2 border border-[#142538]">
<button className="flex flex-1
items-center justify-center gap-1 rounded-lg bg-[#3de0c4] py-1.5 text-xs
text-black font-bold shadow-sm">
<Activity size={14} />
Operations
</button>
<button className="flex flex-1 items-center justify-center gap-1.5 rounded-lg py-1.5 text-xs text-slate-400 font-medium hover:text-white transition-colors">
<button className="flex flex-1 items-center justify-center gap-1
rounded-lg py-1 text-xs text-slate-400 font-medium hover:text-white transition-colors">
<ShieldCheck size={14} />
Admin
</button>
</div>
<p className="px-4 pt-2 pb-1 text-xs font-semibold uppercase tracking-wider text-slate-500">
<p className="px-4 pt-2 pb-1 text-xs font-semibold uppercase
tracking-wider text-slate-500">
Tenant runtime
</p>
<div className="py-4">
<div className="py-3">
{SIDEBAR_ITEMS.map((item) => (
<SidebarItem
key={item.title}