upd: new group

Deskripsi:
- pembaruan api group

NO Issues

src/module/group/ui/drawer_group.tsx

@@ -0,0 +1,93 @@
+import { API_ADDRESS, LayoutDrawer, WARNA } from "@/module/_global";
+import {
+  Box,
+  Button,
+  Center,
+  Flex,
+  Group,
+  SimpleGrid,
+  Stack,
+  Text,
+  TextInput,
+} from "@mantine/core";
+import React, { useState } from "react";
+import { IoAddCircle } from "react-icons/io5";
+import { funCreateGroup } from "../lib/api_group";
+import toast from "react-hot-toast";
+
+export default function DrawerGroup({ onSuccess, }: { onSuccess: (val: boolean) => void; }) {
+  const [openDrawerGroup, setOpenDrawerGroup] = useState(false);
+  const [namaGroup, setNamaGroup] = useState("");
+
+
+  async function createData() {
+    try {
+      const response = await funCreateGroup({ name: namaGroup })
+      
+      if (response.success) {
+        toast.success(response.message);
+        setOpenDrawerGroup(false)
+        onSuccess(true)
+      } else {
+        toast.error(response.message)
+      }
+
+    } catch (error) {
+      console.log(error);
+      toast.error("Gagal menambahkan grup, coba lagi nanti");
+    }
+  }
+
+  return (
+    <Box>
+      <Stack pt={10}>
+        <SimpleGrid
+          cols={{ base: 3, sm: 3, lg: 3 }}
+          onClick={() => setOpenDrawerGroup(true)}
+        >
+          <Flex justify={"center"} align={"center"} direction={"column"}>
+            <Box>
+              <IoAddCircle size={30} color={WARNA.biruTua} />
+            </Box>
+            <Box>
+              <Text c={WARNA.biruTua}>Tambah Group</Text>
+            </Box>
+          </Flex>
+        </SimpleGrid>
+      </Stack>
+      <LayoutDrawer
+        opened={openDrawerGroup}
+        onClose={() => setOpenDrawerGroup(false)}
+        title={"Tambah Grup"}
+      >
+        <Box pt={10}>
+          <TextInput
+            styles={{
+              input: {
+                color: WARNA.biruTua,
+                borderRadius: WARNA.biruTua,
+                borderColor: WARNA.biruTua,
+              },
+            }}
+            size="lg"
+            radius={10}
+            placeholder="Grup"
+            onChange={(e) => setNamaGroup(e.target.value)}
+          />
+          <Box mt={"xl"}>
+            <Button
+              c={"white"}
+              bg={WARNA.biruTua}
+              size="lg"
+              radius={30}
+              fullWidth
+              onClick={createData}
+            >
+              Simpan
+            </Button>
+          </Box>
+        </Box>
+      </LayoutDrawer>
+    </Box>
+  );
+}