refactor : divisi

Deskripsi:
- folder management divisi

No Issues

src/module/division_new/ui/feature_detail_division.tsx

@@ -0,0 +1,157 @@
+"use client"
+import { WARNA } from '@/module/_global';
+import { ActionIcon, Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core';
+import React, { useState } from 'react';
+import { HiMiniUserGroup } from 'react-icons/hi2';
+import { IoIosArrowRoundForward } from 'react-icons/io';
+import { LuClipboardEdit } from "react-icons/lu";
+import { GoCommentDiscussion } from "react-icons/go";
+import { BsFileEarmarkText } from "react-icons/bs";
+import { IoCalendarOutline } from "react-icons/io5";
+import { LuFileSignature } from "react-icons/lu";
+import { useParams, useRouter } from 'next/navigation';
+import { funGetDetailDivisionById } from '../lib/api_division';
+import toast from 'react-hot-toast';
+import { useShallowEffect } from '@mantine/hooks';
+import { IDataJumlahDetailDivision } from '../lib/type_division';
+
+export default function FeatureDetailDivision() {
+  const param = useParams<{ id: string }>()
+  const router = useRouter()
+  const [feature, setFeature] = useState<IDataJumlahDetailDivision>()
+
+  async function fetchData() {
+    try {
+      const res = await funGetDetailDivisionById(param.id, 'jumlah');
+      if (res.success) {
+        setFeature(res.data)
+      } else {
+        toast.error(res.message);
+      }
+    } catch (error) {
+      console.error(error);
+      toast.error("Gagal mendapatkan divisi, coba lagi nanti");
+    }
+  }
+
+  useShallowEffect(() => {
+    fetchData()
+  }, [param.id])
+
+
+  return (
+    <Box pt={10}>
+      <Text c={WARNA.biruTua} mb={10} fw={'bold'} fz={16}>Features</Text>
+      <SimpleGrid
+        cols={{ base: 2, sm: 2, lg: 2 }}
+        style={{
+          alignItems: "center",
+          alignContent: "center"
+        }}
+      >
+        <Box bg={'white'} style={{
+          border: `1px solid ${WARNA.bgHijauMuda}`,
+          borderRadius: 10,
+          padding: 10
+        }} onClick={() => router.push(param.id + '/task')}>
+          <Grid justify='center' align='center'>
+            <Grid.Col span={"auto"}>
+              <ActionIcon variant="filled"
+                size={"xl"}
+                aria-label="Gradient action icon"
+                radius={100}
+                color={WARNA.bgHijauMuda}
+              >
+                <LuClipboardEdit size={25} color={WARNA.biruTua} />
+              </ActionIcon>
+            </Grid.Col>
+            <Grid.Col span={{ base: 7, md: 9 }}>
+              <Text fz={15} c={WARNA.biruTua} fw={"bold"}>Tugas</Text>
+              <Group justify='space-between' align='center'>
+                <Text fz={10} c={"gray"}>{feature?.tugas} Tugas</Text>
+                <IoIosArrowRoundForward size={20} color='gray' />
+              </Group>
+            </Grid.Col>
+          </Grid>
+        </Box>
+        <Box bg={'white'} style={{
+          border: `1px solid ${WARNA.bgHijauMuda}`,
+          borderRadius: 10,
+          padding: 10
+        }} onClick={() => router.push(param.id + '/document')}>
+          <Grid justify='center' align='center'>
+            <Grid.Col span={"auto"}>
+              <ActionIcon variant="filled"
+                size={"xl"}
+                aria-label="Gradient action icon"
+                radius={100}
+                color={WARNA.bgHijauMuda}
+              >
+                <BsFileEarmarkText size={25} color={WARNA.biruTua} />
+              </ActionIcon>
+            </Grid.Col>
+            <Grid.Col span={{ base: 7, md: 9 }}>
+              <Text fz={15} c={WARNA.biruTua} fw={"bold"}>Dokumen</Text>
+              <Group justify='space-between' align='center'>
+                <Text fz={10} c={"gray"}>{feature?.dokumen} File</Text>
+                <IoIosArrowRoundForward size={20} color='gray' />
+              </Group>
+            </Grid.Col>
+          </Grid>
+        </Box>
+        <Box bg={'white'} style={{
+          border: `1px solid ${WARNA.bgHijauMuda}`,
+          borderRadius: 10,
+          padding: 10
+        }} onClick={() => router.push(param.id + '/discussion')}>
+          <Grid justify='center' align='center'>
+            <Grid.Col span={"auto"}>
+              <ActionIcon variant="filled"
+                size={"xl"}
+                aria-label="Gradient action icon"
+                radius={100}
+                color={WARNA.bgHijauMuda}
+              >
+                <GoCommentDiscussion size={25} color={WARNA.biruTua} />
+              </ActionIcon>
+            </Grid.Col>
+            <Grid.Col span={{ base: 7, md: 9 }}>
+              <Text fz={15} c={WARNA.biruTua} fw={"bold"}>Diskusi</Text>
+              <Group justify='space-between' align='center'>
+                <Text fz={10} c={"gray"}>{feature?.diskusi} Diskusi</Text>
+                <IoIosArrowRoundForward size={20} color='gray' />
+              </Group>
+            </Grid.Col>
+          </Grid>
+        </Box>
+        <Box bg={'white'} style={{
+          border: `1px solid ${WARNA.bgHijauMuda}`,
+          borderRadius: 10,
+          padding: 10
+        }} onClick={() => router.push(param.id + '/calender')}>
+          <Grid justify='center' align='center'>
+            <Grid.Col span={"auto"}>
+              <ActionIcon variant="filled"
+                size={"xl"}
+                aria-label="Gradient action icon"
+                radius={100}
+                color={WARNA.bgHijauMuda}
+              >
+                <IoCalendarOutline size={25} color={WARNA.biruTua} />
+              </ActionIcon>
+            </Grid.Col>
+            <Grid.Col span={{ base: 7, md: 9 }}>
+              <Text fz={15} c={WARNA.biruTua} fw={"bold"}>Kalender</Text>
+              <Group justify='space-between' align='center'>
+                <Text fz={10} c={"gray"}>{feature?.kalender} Acara</Text>
+                <IoIosArrowRoundForward size={20} color='gray' />
+              </Group>
+            </Grid.Col>
+          </Grid>
+        </Box>
+      </SimpleGrid>
+    </Box>
+  );
+}
+
+