feat : update discussion

2024-08-14 15:38:04 +08:00
parent fcf54d1924
commit f341200c0d
18 changed files with 521 additions and 186 deletions
--- a/src/module/discussion/ui/form_edit_discussion.tsx
+++ b/src/module/discussion/ui/form_edit_discussion.tsx
@@ -0,0 +1,99 @@
+'use client'
+import { WARNA } from "@/module/_global"
+import LayoutModal from "@/module/_global/layout/layout_modal"
+import { Box, Group, Avatar, Textarea, Button, Grid } from "@mantine/core"
+import { useParams, useRouter } from "next/navigation"
+import { useState } from "react"
+import toast from "react-hot-toast"
+import { funEditDiscussion, funGetDiscussionById } from "../lib/api_discussion"
+import { useShallowEffect } from "@mantine/hooks"
+
+export default function FormEditDiscussion() {
+   const [isValModal, setValModal] = useState(false)
+   const router = useRouter()
+   const param = useParams<{ id: string, detail: string }>()
+   const [isDataOne, setDataOne] = useState("")
+
+   async function fetchGetOneDiscussion() {
+      try {
+         const response = await funGetDiscussionById(param.detail)
+         setDataOne(response.data.desc)
+      } catch (error) {
+         console.log(error);
+         toast.error("Gagal menampilkan discussion, coba lagi nanti");
+      }
+   }
+
+   async function fetchEditDiscussion(val: boolean) {
+      try {
+         if (val) {
+            const response = await funEditDiscussion(param.detail, {
+               desc: isDataOne
+            })
+            if (response.success) {
+               toast.success(response.message)
+               setValModal(false)
+               router.push(`/division/${param.id}/discussion/${param.detail}`)
+            } else {
+               toast.error(response.message)
+            }
+         }
+         setValModal(false)
+      } catch (error) {
+         console.log(error);
+         setValModal(false)
+         toast.error("Gagal menambahkan diskusi, coba lagi nanti");
+      } finally {
+         setValModal(false)
+      }
+   }
+
+   useShallowEffect(() => {
+      fetchGetOneDiscussion()
+   }, [])
+
+   return (
+      <Box>
+         <Box p={20}>
+            <Grid gutter={0} pt={10}>
+               <Grid.Col span={"auto"}>
+                  <Avatar src={'https://i.pravatar.cc/1000?img=32'} 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={isDataOne}
+                        onChange={(e) => setDataOne(e.target.value)}
+                     />
+                  </Box>
+               </Grid.Col>
+
+            </Grid>
+            <Box mt="xl">
+               <Button
+                  color="white"
+                  bg={WARNA.biruTua}
+                  size="lg"
+                  radius={30}
+                  fullWidth
+                  onClick={() => setValModal(true)}
+               >
+                  Simpan
+               </Button>
+            </Box>
+         </Box>
+
+         <LayoutModal opened={isValModal} onClose={() => setValModal(false)}
+            description="Apakah Anda yakin ingin mengubah data?"
+            onYes={(val) => { fetchEditDiscussion(val) }} />
+      </Box>
+   )
+}