rev: diskusi divisi

Deskripsi:
- fitur arsip pada diskusi divisi

No Issues

src/module/discussion/ui/tab_discussion.tsx

@@ -0,0 +1,68 @@
+"use client";
+import { globalRole, TEMA } from "@/module/_global";
+import { globalIsAdminDivision } from "@/module/division_new";
+import { useHookstate } from "@hookstate/core";
+import { Box, rem, Tabs } from "@mantine/core";
+import { useRouter, useSearchParams } from "next/navigation";
+import { IoMdCheckmarkCircleOutline } from "react-icons/io";
+import { IoCloseCircleOutline } from "react-icons/io5";
+import ListDiscussion from "./list_discussion";
+
+export default function TabListDiscussion() {
+   const iconStyle = { width: rem(20), height: rem(20) };
+   const router = useRouter();
+   const searchParams = useSearchParams();
+   const status = searchParams.get("active");
+   const tema = useHookstate(TEMA)
+   const roleLogin = useHookstate(globalRole)
+   const adminDivision = useHookstate(globalIsAdminDivision)
+
+   return (
+      <Box p={20}>
+         <Tabs
+            variant="pills"
+            color={tema.get().bgFiturHome}
+            radius="xl"
+            defaultValue={status == "false" ? "false" : "true"}
+         >
+            {
+               roleLogin.get() != ''
+                  ?
+                  (roleLogin.get() == "user" || roleLogin.get() == "coadmin") && !adminDivision.get() ? <></>
+                     :
+                     <Tabs.List
+                        bg={"white"}
+                        style={{
+                           border: `1px solid ${"#EDEDED"}`,
+                           padding: 5,
+                           borderRadius: 100,
+                        }}
+                     >
+                        <Tabs.Tab
+                           value="true"
+                           w={"45%"}
+                           leftSection={<IoMdCheckmarkCircleOutline style={iconStyle} />}
+                           onClick={() => {
+                              router.push("?active=true");
+                           }}
+                        >
+                           Aktif
+                        </Tabs.Tab>
+                        <Tabs.Tab
+                           value="false"
+                           w={"53%"}
+                           leftSection={<IoCloseCircleOutline style={iconStyle} />}
+                           onClick={() => {
+                              router.push("?active=false");
+                           }}
+                        >
+                           Arsip
+                        </Tabs.Tab>
+                     </Tabs.List>
+                  : <></>
+            }
+            <ListDiscussion />
+         </Tabs>
+      </Box>
+   );
+}