upd: diskusi umum
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
}
|
||||
@@ -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"
|
||||
|
||||
@@ -200,7 +200,7 @@ export default function CreateProject() {
|
||||
label="Grup"
|
||||
size="md"
|
||||
styles={{
|
||||
input: {
|
||||
input: {
|
||||
border: `1px solid ${"#D6D8F6"}`,
|
||||
borderRadius: 10,
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user