From b51f122845f5fcaa7bb4f967fdfae640ec676b81 Mon Sep 17 00:00:00 2001
From: nicoarya20 <nicoarya20@gmail.com>
Date: Fri, 3 Jan 2025 12:14:00 +0800
Subject: [PATCH] upd: diskusi umum

---
 .../ui/create_discussion.tsx                  | 192 +++++++-----------
 src/module/home/ui/view_detail_feature.tsx    |  18 +-
 src/module/project/ui/create_project.tsx      |   2 +-
 3 files changed, 87 insertions(+), 125 deletions(-)

diff --git a/src/module/discussion_general/ui/create_discussion.tsx b/src/module/discussion_general/ui/create_discussion.tsx
index 32d29a3..f730a86 100644
--- a/src/module/discussion_general/ui/create_discussion.tsx
+++ b/src/module/discussion_general/ui/create_discussion.tsx
@@ -1,140 +1,86 @@
 'use client'
-import { keyWibu, TEMA } from "@/module/_global";
-import LayoutModal from "@/module/_global/layout/layout_modal";
-import { funGetProfileByCookies } from "@/module/user/profile/lib/api_profile";
-import { useHookstate } from "@hookstate/core";
-import { Avatar, Box, Button, Grid, rem, Textarea } from "@mantine/core";
+import { funGetAllGroup, IDataGroup } from "@/module/group";
+import { Box, Group, Select, Text, TextInput } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
-import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import toast from "react-hot-toast";
-import { useWibuRealtime } from "wibu-realtime";
+import { IoIosArrowDropright } from "react-icons/io";
 
 export default function FormCreateDiscussionGeneral() {
-   const [isValModal, setValModal] = useState(false)
-   const [loadingModal, setLoadingModal] = useState(false)
-   const router = useRouter()
-   const param = useParams<{ id: string, detail: string }>()
-   const [loading, setLoading] = useState(true)
-   const [img, setIMG] = useState<any | null>()
-   const tema = useHookstate(TEMA)
-   const [touched, setTouched] = useState({
-      desc: false,
-   });
-   const [isData, setData] = useState({
-      desc: "",
-      idDivision: param.id
-   })
-   const [data, setDataRealtime] = useWibuRealtime({
-      WIBU_REALTIME_TOKEN: keyWibu,
-      project: "sdm"
-   })
+   const [dataGroup, setDataGroup] = useState<IDataGroup[]>([]);
 
-   async function getData() {
-      try {
-         setLoading(true)
-         const res = await funGetProfileByCookies()
-         setIMG(`https://wibu-storage.wibudev.com/api/files/${res.data.img}`)
-         setLoading(false)
-      } catch (error) {
-         console.error(error);
-      } finally {
-         setLoading(false)
+   async function loadData() {
+      const loadGroup = await funGetAllGroup('?active=true')
+      if (loadGroup.success) {
+         setDataGroup(loadGroup.data);
+      } else {
+         toast.error(loadGroup.message);
       }
    }
 
    useShallowEffect(() => {
-      getData()
-   }, [])
-
-   // async function createDiscussion(val: boolean) {
-   //    try {
-   //       if (val) {
-   //          setLoadingModal(true)
-   //          const response = await funCreateDiscussion({
-   //             desc: isData.desc,
-   //             idDivision: id
-   //          })
-
-   //          if (response.success) {
-   //             setDataRealtime(response.notif)
-   //             toast.success(response.message)
-   //             router.push(`/division/${param.id}/discussion/`)
-   //          } else {
-   //             toast.error(response.message)
-   //          }
-   //       }
-   //    } catch (error) {
-   //       console.error(error);
-   //       toast.error("Gagal menambahkan diskusi, coba lagi nanti");
-   //    } finally {
-   //       setLoadingModal(false)
-   //       setValModal(false)
-   //    }
-   // }
-
+      loadData();
+   }, []);
 
    return (
-      <Box >
-         <Box p={20} >
-            <Grid pt={10}>
-               <Grid.Col span={2}>
-                  <Avatar src={img} alt="it's me" size="lg" />
-               </Grid.Col>
-               <Grid.Col span={10}>
-                  <Box>
-                     <Textarea
-                        placeholder="Tuliskan apa yang ingin anda diskusikan"
-                        styles={{
-                           input: {
-                              border: 'none',
-                              backgroundColor: 'transparent',
-                              height: "50vh"
-                           }
-                        }}
-                        value={isData.desc}
-                        onChange={(e) => setData({ ...isData, desc: e.target.value })}
-                     // onBlur={() => setTouched({ ...touched, desc: true })}
-                     // error={
-                     //    touched.desc && (
-                     //       isData.desc == "" ? "Form Tidak Boleh Kosong" : null
-                     //    )
-                     // }
-                     />
-                  </Box>
-               </Grid.Col>
-            </Grid>
-         </Box>
-         <Box pos={'fixed'} bottom={0} p={rem(20)} w={"100%"} style={{
-            maxWidth: rem(550),
-            zIndex: 999,
-            backgroundColor: `${tema.get().bgUtama}`,
-         }}>
-            <Button
-               color="white"
-               bg={tema.get().utama}
-               size="lg"
-               radius={30}
-               fullWidth
-               onClick={() => {
-                  if (
-                     isData.desc !== ""
-                  ) {
-                     setValModal(true)
-                  } else {
-                     toast.error("Form Tidak Boleh Kosong");
-                  }
+      <Box p={20}>
+         <Box>
+            <Select
+               placeholder="Grup"
+               label="Grup"
+               size="md"
+               styles={{
+                  input: {
+                     border: `1px solid ${"#D6D8F6"}`,
+                     borderRadius: 10,
+                  },
                }}
-            >
-               Simpan
-            </Button>
+               required
+               data={dataGroup?.map((pro: any) => ({
+                  value: String(pro.id),
+                  label: pro.name
+               }))}
+            />
+            <TextInput
+               label="Judul"
+               styles={{
+                  input: {
+                     border: `1px solid ${"#D6D8F6"}`,
+                     borderRadius: 10,
+                  },
+               }}
+               mt={10}
+               required withAsterisk
+               placeholder="Judul"
+               size="md"
+            />
+            <TextInput
+               label="Diskusi"
+               styles={{
+                  input: {
+                     border: `1px solid ${"#D6D8F6"}`,
+                     borderRadius: 10,
+                  },
+               }}
+               mt={10}
+               required withAsterisk
+               placeholder="Hal yg akan didiskusikan"
+               size="md"
+            />
+            <Box mt={15}>
+               <Group
+                  justify="space-between"
+                  p={10}
+                  style={{
+                     border: `1px solid ${"#D6D8F6"}`,
+                     borderRadius: 10,
+                  }}
+               >
+                  <Text>Pilih Anggota</Text>
+                  <IoIosArrowDropright size={25} />
+               </Group>
+            </Box>
          </Box>
-
-         <LayoutModal loading={loadingModal} opened={isValModal} onClose={() => setValModal(false)}
-            description="Apakah Anda yakin ingin menambah data?"
-            onYes={(val) => {
-               // createDiscussion(val)
-            }} />
       </Box>
    )
-}  
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/src/module/home/ui/view_detail_feature.tsx b/src/module/home/ui/view_detail_feature.tsx
index 509fe98..3176130 100644
--- a/src/module/home/ui/view_detail_feature.tsx
+++ b/src/module/home/ui/view_detail_feature.tsx
@@ -4,7 +4,7 @@ import { useHookstate } from '@hookstate/core';
 import { ActionIcon, Box, Center, SimpleGrid, Text } from '@mantine/core';
 import { useMediaQuery } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
-import { FaUserTag, FaUserTie } from 'react-icons/fa6';
+import { FaComments, FaUserTag, FaUserTie } from 'react-icons/fa6';
 import { HiMegaphone, HiMiniPresentationChartBar, HiMiniUserGroup } from "react-icons/hi2";
 import { IoColorPalette } from 'react-icons/io5';
 import { PiUsersFourFill } from "react-icons/pi";
@@ -72,6 +72,22 @@ export default function ViewDetailFeature() {
                 <Text fz={isMobile ? 13 : 15} c={tema.get().utama}>Pengumuman</Text>
               </Center>
             </Box>
+            <Box onClick={() => router.push('/discussion')}>
+              <Center>
+                <ActionIcon variant="gradient"
+                  size={isMobile ? 50 : 68}
+                  aria-label="Gradient action icon"
+                  radius={100}
+                  // gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}
+                  bg={tema.get().bgFiturHome}
+                >
+                  <FaComments size={isMobile ? 25 : 35} color={tema.get().utama} />
+                </ActionIcon>
+              </Center>
+              <Center>
+                <Text fz={isMobile ? 13 : 15} c={tema.get().utama}>Diskusi</Text>
+              </Center>
+            </Box>
             <Box onClick={() => router.push('/member')}>
               <Center>
                 <ActionIcon variant="gradient"
diff --git a/src/module/project/ui/create_project.tsx b/src/module/project/ui/create_project.tsx
index 75124c2..57793c6 100644
--- a/src/module/project/ui/create_project.tsx
+++ b/src/module/project/ui/create_project.tsx
@@ -200,7 +200,7 @@ export default function CreateProject() {
                 label="Grup"
                 size="md"
                 styles={{
-                  input: {
+                  input: {  
                     border: `1px solid ${"#D6D8F6"}`,
                     borderRadius: 10,
                   },