feat(rbac): base ui for org rbac management

2026-10-09 16:28:19 +00:00 · 2023-09-08 21:20:29 +05:30
parent 1167b1bc60
commit c5f76b1e6f
17 changed files with 1182 additions and 1000 deletions
@@ -0,0 +1,46 @@
+import { motion } from "framer-motion";
+
+import { usePopUp } from "@app/hooks";
+
+import { TRole } from "~/hooks/api/roles/types";
+
+import { OrgRoleModifySection } from "./OrgRoleModifySection";
+import { OrgRoleTable } from "./OrgRoleTable";
+
+type Props = {
+  roles?: TRole[];
+  isRolesLoading?: boolean;
+};
+
+export const OrgRoleTabSection = ({ roles = [], isRolesLoading }: Props) => {
+  const { popUp, handlePopUpOpen, handlePopUpClose } = usePopUp(["editRole"] as const);
+
+  return popUp.editRole.isOpen ? (
+    <motion.div
+      key="role-modify"
+      transition={{ duration: 0.1 }}
+      initial={{ opacity: 0, translateX: 30 }}
+      animate={{ opacity: 1, translateX: 0 }}
+      exit={{ opacity: 0, translateX: 30 }}
+    >
+      <OrgRoleModifySection
+        role={popUp.editRole.data as TRole}
+        onGoBack={() => handlePopUpClose("editRole")}
+      />
+    </motion.div>
+  ) : (
+    <motion.div
+      key="role-list"
+      transition={{ duration: 0.1 }}
+      initial={{ opacity: 0, translateX: -30 }}
+      animate={{ opacity: 1, translateX: 0 }}
+      exit={{ opacity: 0, translateX: -30 }}
+    >
+      <OrgRoleTable
+        roles={roles}
+        isRolesLoading={isRolesLoading}
+        onSelectRole={(role) => handlePopUpOpen("editRole", role)}
+      />
+    </motion.div>
+  );
+};