upd: discussion

Deskripsi:
- discussion view list
- api get all, create discussion

No Issues
This commit is contained in:
amel
2024-08-13 13:34:57 +08:00
parent bbe4836edb
commit 0dbf7e1913
27 changed files with 178 additions and 245 deletions

View File

@@ -0,0 +1,56 @@
'use client'
import { WARNA } from "@/module/_global";
import LayoutModal from "@/module/_global/layout/layout_modal";
import { Avatar, Box, Button, Center, Grid, Group, Text, Textarea } from "@mantine/core";
import { useState } from "react";
import toast from "react-hot-toast";
export default function FormCreateDiscussion() {
const [isValModal, setValModal] = useState(false)
function onTrue(val: boolean) {
if (val) {
toast.success("Sukses! Data tersimpan");
}
setValModal(false)
}
return (
<Box>
<Box p={20}>
<Group>
<Avatar src={'https://i.pravatar.cc/1000?img=32'} alt="it's me" size="lg" />
<Box>
<Textarea
placeholder="Tuliskan apa yang ingin anda diskusikan"
w={"100%"}
styles={{
input: {
border: 'none',
backgroundColor: 'transparent',
}
}}
/>
</Box>
</Group>
<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
menambah data?"
onYes={(val) => { onTrue(val) }} />
</Box>
)
}