sidebar change

2026-07-19 09:17:12 +03:30
parent a335f2b66c
commit 1fb0091aa2
25 changed files with 1008 additions and 1376 deletions
@@ -0,0 +1,108 @@
+import { Category } from "iconsax-react";
+import { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
+import { Pages } from "../../config/Pages";
+import SubMenuAccordion from "./SubMenuAccordion";
+import SubMenuItem from "./SubMenuItem";
+
+const OtherSubMenu: FC = () => {
+  const location = useLocation();
+  const { t } = useTranslation("global");
+
+  const isActive = (name: string) => location.pathname.includes(name);
+
+  const isTaskManagerActive =
+    location.pathname.startsWith(Pages.taskmanager.workspace) ||
+    location.pathname === Pages.taskmanager.workspaceList ||
+    location.pathname.startsWith(Pages.taskmanager.updateWorkspace) ||
+    location.pathname === Pages.taskmanager.createWorkspace ||
+    location.pathname === Pages.taskmanager.createProject ||
+    location.pathname.startsWith(Pages.taskmanager.updateProject) ||
+    location.pathname.startsWith(Pages.taskmanager.projectList);
+
+  return (
+    <div className="py-12">
+      <div className="flex gap-3 items-center border-b pb-10 px-6">
+        <Category
+          size={24}
+          color="#000"
+          variant="Bold"
+        />
+        <div className="text-xs">{t("sidebar.other")}</div>
+      </div>
+
+      <div className="flex flex-col mt-10 gap-4">
+        <SubMenuAccordion
+          title={t("sidebar.ticket")}
+          isActive={isActive("tickets")}
+          activeName="tickets"
+        >
+          <SubMenuItem
+            title={t("submenu.ticket_list")}
+            isActive={isActive("/tickets/list")}
+            link={Pages.ticket.list}
+          />
+          <SubMenuItem
+            title={t("submenu.send_ticket")}
+            isActive={isActive("/tickets/create")}
+            link={Pages.ticket.create}
+          />
+          <SubMenuItem
+            title={t("submenu.category")}
+            isActive={isActive("/tickets/category")}
+            link={Pages.ticket.category}
+          />
+        </SubMenuAccordion>
+
+        <SubMenuItem
+          title={t("sidebar.feedback")}
+          isActive={isActive("feedback")}
+          link={Pages.feedback.list}
+          activeName="services"
+        />
+
+        <SubMenuAccordion
+          title={t("sidebar.accessLogs")}
+          isActive={isActive("access-logs")}
+          activeName="logs"
+        >
+          <SubMenuItem
+            title={t("submenu.access_logs_list")}
+            isActive={isActive("access-logs/list")}
+            link={Pages.accessLogs.list}
+          />
+          <SubMenuItem
+            title={t("submenu.access_logs_stats")}
+            isActive={isActive("access-logs/stats")}
+            link={Pages.accessLogs.stats}
+          />
+          <SubMenuItem
+            title={t("submenu.access_logs_errors")}
+            isActive={isActive("access-logs/errors")}
+            link={Pages.accessLogs.errors}
+          />
+          <SubMenuItem
+            title="لاگ‌های مجوز"
+            isActive={isActive("access-logs/permissions")}
+            link={Pages.accessLogs.permissions}
+          />
+        </SubMenuAccordion>
+
+        <SubMenuItem
+          title={t("sidebar.criticisms")}
+          isActive={isActive("criticisms")}
+          link={Pages.criticisms.list}
+          activeName="criticisms"
+        />
+        <SubMenuItem
+          title={t("sidebar.taskmanager")}
+          isActive={isTaskManagerActive}
+          link={Pages.taskmanager.workspaceList}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default OtherSubMenu;