Blittech/badoHair_fe
4
0
Fork 0
mirror of http://88.130.71.182:3000/BlitTech/badoHair_fe.git synced 2026-06-13 10:41:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update May 12 by Elvis

Browse Source
This commit is contained in:
belviskhoremk
2026-05-12 00:28:37 +00:00
parent b32a70cd0e
commit c4450c993b
37 changed files with 3749 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
components/admin/AdminSidebar.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import { LayoutDashboard, Package, CalendarCheck, LogOut, Home } from "lucide-react";
import { LayoutDashboard, Package, CalendarCheck, CalendarDays, ShoppingBag, Users, Settings, Scissors, LogOut, Home } from "lucide-react";
import {
Sidebar,
SidebarContent,
@@ -14,26 +14,33 @@ import {
SidebarHeader,
useSidebar,
} from "@/components/ui/sidebar";
import { useAdmin } from "@/contexts/AdminContext";
import { useAuth } from "@/contexts/AuthContext";
import { useLanguage } from "@/contexts/LanguageContext";
import { Button } from "@/components/ui/button";
import { usePathname, useRouter } from "next/navigation";
import Link from "next/link";
import { useState } from "react";
const items = [
{ title: "Vue d'ensemble", url: "/admin", icon: LayoutDashboard, end: true },
{ title: "Produits", url: "/admin/produits", icon: Package },
{ title: "Réservations", url: "/admin/reservations", icon: CalendarCheck },
];
export const AdminSidebar = () => {
const { state } = useSidebar();
const collapsed = state === "collapsed";
const { logout } = useAdmin();
const { logout } = useAuth();
const { t } = useLanguage();
const route = useRouter();
const pathname = usePathname();
const [isActive, setIsActive] = useState("");
const items = [
{ title: t("admin.nav.overview"), url: "/admin", icon: LayoutDashboard, exact: true },
{ title: t("admin.nav.products"), url: "/admin/produits", icon: Package },
{ title: t("admin.nav.orders"), url: "/admin/commandes", icon: ShoppingBag },
{ title: t("admin.nav.bookings"), url: "/admin/reservations", icon: CalendarCheck },
{ title: t("admin.nav.planning"), url: "/admin/planning", icon: CalendarDays },
{ title: t("admin.nav.services"), url: "/admin/services", icon: Scissors },
{ title: t("admin.nav.customers"), url: "/admin/clients", icon: Users },
{ title: t("admin.nav.settings"), url: "/admin/parametres", icon: Settings },
];
const isActive = (item: typeof items[0]) =>
item.exact ? pathname === item.url : pathname.startsWith(item.url);
const handleLogout = () => {
logout();
@@ -53,15 +60,15 @@ export const AdminSidebar = () => {
<SidebarContent>
<SidebarGroup>
<SidebarGroupLabel>Gestion</SidebarGroupLabel>
<SidebarGroupLabel>{t("admin.nav.management")}</SidebarGroupLabel>
<SidebarGroupContent>
<SidebarMenu>
{items.map((item) => (
<SidebarMenuItem key={item.title}>
<SidebarMenuItem key={item.url}>
<SidebarMenuButton asChild>
<Link
href={item.url}
className={`flex items-center gap-2 ${isActive === item.url ? "bg-sidebar-accent text-sidebar-accent-foreground font-medium" : ""}`}
className={`flex items-center gap-2 ${isActive(item) ? "bg-sidebar-accent text-sidebar-accent-foreground font-medium" : ""}`}
>
<item.icon className="h-4 w-4" />
{!collapsed && <span>{item.title}</span>}
@@ -78,7 +85,7 @@ export const AdminSidebar = () => {
<SidebarMenuButton asChild>
<Link href="/" className="flex items-center gap-2">
<Home className="h-4 w-4" />
{!collapsed && <span>Voir le site</span>}
{!collapsed && <span>{t("admin.nav.view_site")}</span>}
</Link>
</SidebarMenuButton>
<Button
@@ -88,7 +95,7 @@ export const AdminSidebar = () => {
className="w-full justify-start gap-2"
>
<LogOut className="h-4 w-4" />
{!collapsed && <span>Déconnexion</span>}
{!collapsed && <span>{t("admin.logout")}</span>}
</Button>
</SidebarFooter>
</Sidebar>