feat : list group active

src/app/(application)/member/edit/[id]/page.tsx

@@ -1,8 +1,8 @@
 import { ViewEditMember } from "@/module/user/member";
 
-function Page() {
+function Page({ params }: { params: { id: string } }) {
    return (
-      <ViewEditMember />
+      <ViewEditMember data={params.id}/>
    )
 }
 

src/module/group/components/list_group_active.tsx

@@ -71,53 +71,53 @@ export default function ListGroupActive({ status }: { status: boolean }) {
       />
       {loading
         ? Array(6)
-            .fill(null)
+          .fill(null)
-            .map((_, i) => (
+          .map((_, i) => (
-              <Box key={i}>
+            <Box key={i}>
               <SkeletonSingle />
             </Box>
-            ))
+          ))
         : isData.map((v, i) => {
-            return (
+          return (
-              <Box pt={20} key={i}>
+            <Box pt={20} key={i}>
-                <Group
+              <Group
-                  align="center"
+                align="center"
-                  style={{
+                style={{
-                    border: `1px solid ${"#DCEED8"}`,
+                  border: `1px solid ${"#DCEED8"}`,
-                    padding: 10,
+                  padding: 10,
-                    borderRadius: 10,
+                  borderRadius: 10,
-                    cursor: "pointer",
+                  cursor: "pointer",
-                  }}
+                }}
-                  onClick={() => {
+                onClick={() => {
-                    setValChoose(v.name);
+                  setValChoose(v.name);
-                    setOpenDrawer(true);
+                  setOpenDrawer(true);
-                    setSelectId(v.id);
+                  setSelectId(v.id);
-                    setActive(v.isActive);
+                  setActive(v.isActive);
-                  }}
+                }}
-                >
+              >
-                  <Box>
+                <Box>
-                    <ActionIcon
+                  <ActionIcon
-                      variant="light"
+                    variant="light"
-                      bg={"#DCEED8"}
+                    bg={"#DCEED8"}
-                      size={50}
+                    size={50}
-                      radius={100}
+                    radius={100}
-                      aria-label="icon"
+                    aria-label="icon"
-                    >
+                  >
-                      <HiOutlineOfficeBuilding
+                    <HiOutlineOfficeBuilding
-                        color={WARNA.biruTua}
+                      color={WARNA.biruTua}
-                        size={25}
+                      size={25}
-                      />
+                    />
-                    </ActionIcon>
+                  </ActionIcon>
-                  </Box>
+                </Box>
-                  <Box>
+                <Box>
-                    <Text fw={"bold"} c={WARNA.biruTua}>
+                  <Text fw={"bold"} c={WARNA.biruTua}>
-                      {v.name}
+                    {v.name}
-                    </Text>
+                  </Text>
-                  </Box>
+                </Box>
-                </Group>
+              </Group>
-              </Box>
+            </Box>
-            );
+          );
-          })}
+        })}
       <LayoutDrawer
         opened={openDrawer}
         onClose={() => setOpenDrawer(false)}