change sidebar

2026-07-19 11:09:22 +03:30
parent 1fb0091aa2
commit 2b338d53b1
16 changed files with 544 additions and 617 deletions
@@ -0,0 +1,49 @@
+import { Profile } from "iconsax-react";
+import { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
+import { Pages } from "../../config/Pages";
+import SubMenuItem from "./SubMenuItem";
+
+const UsersSubMenu: FC = () => {
+  const location = useLocation();
+  const { t } = useTranslation("global");
+
+  const isActive = (name: string) => location.pathname.includes(name);
+
+  return (
+    <div className="py-12">
+      <div className="flex gap-3 items-center border-b pb-10 px-6">
+        <Profile
+          size={24}
+          color="#000"
+          variant="Bold"
+        />
+        <div className="text-xs">{t("sidebar.users")}</div>
+      </div>
+
+      <div className="flex flex-col mt-10 gap-4">
+        <SubMenuItem
+          title={t("submenu.user_list")}
+          isActive={isActive("/users/list")}
+          link={Pages.users.list}
+          activeName="admins"
+        />
+        <SubMenuItem
+          title={t("submenu.role_list")}
+          isActive={isActive("roles-all") || isActive("roles-edit") || isActive("roles-add")}
+          link={Pages.users.roleList}
+          activeName="admins"
+        />
+        <SubMenuItem
+          title={t("user.list_user_group")}
+          isActive={isActive("/users/groups") || isActive("group-add")}
+          link={Pages.users.groupList}
+          activeName="admins"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default UsersSubMenu;