create sidebar responsive - create header

2024-08-06 13:41:27 +03:30
parent 66c89cf14f
commit 49b25481ce
9 changed files with 191 additions and 1 deletions
@@ -0,0 +1,62 @@
+import { CardPos, DocumentText, Home2, ReceiptItem, SmartCar, StarSlash, UserSquare, Wallet } from "iconsax-react";
+import { SidebarInterface } from "../types";
+
+
+export const sidebarItems: SidebarInterface[] | [] = [
+    {
+        name: "home",
+        title: "صفحه اصلی",
+        route: "/",
+        icon: <Home2 color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <Home2 color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "my-account",
+        title: "حساب من",
+        route: "/my-account",
+        icon: <UserSquare color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <UserSquare color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "wallet",
+        title: "کیف پول",
+        route: "/wallet",
+        icon: <Wallet color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <Wallet color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "management-bank-accounts",
+        title: "مدیریت حساب های بانکی",
+        route: "/management-bank-accounts",
+        icon: <CardPos color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <CardPos color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "installation-reports",
+        title: "گزارش نصب ها",
+        route: "/installation-reports",
+        icon: <SmartCar color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <SmartCar color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "transactions",
+        title: "تراکنش ها",
+        route: "/transactions",
+        icon: <ReceiptItem color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <ReceiptItem color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "my-score",
+        title: "امتیاز من",
+        route: "/my-score",
+        icon: <StarSlash color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <StarSlash color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+    {
+        name: "subscription-report",
+        title: "گزارش تمدید اشتراک اینترنتی",
+        route: "/subscription-report",
+        icon: <DocumentText color="#777577" className="size-[27px]" variant="Bold" />,
+        activeIcon: <DocumentText color="#11212D" className="size-[27px]" variant="Bold" />
+    },
+]