rev: calender

Deskripsi:
- tampilan list data konflik

No Issues

src/module/calender/ui/create_calender_division_caleder.tsx

@@ -1,8 +1,8 @@
 'use client'
-import { keyWibu, LayoutNavbarNew, TEMA } from '@/module/_global';
+import { keyWibu, LayoutModalNew, LayoutNavbarNew, TEMA } from '@/module/_global';
 import LayoutModal from '@/module/_global/layout/layout_modal';
 import { useHookstate } from '@hookstate/core';
-import { Avatar, Box, Button, Divider, Grid, Group, rem, Select, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
+import { Avatar, Box, Button, Divider, Flex, Grid, Group, Modal, rem, Select, SimpleGrid, Stack, Table, Text, Textarea, TextInput } from '@mantine/core';
 import { DateInput, TimeInput } from '@mantine/dates';
 import { useMediaQuery } from '@mantine/hooks';
 import moment from 'moment';
@@ -15,16 +15,19 @@ import { funCheckCalender, funCreateCalender } from '../lib/api_calender';
 import { IFormMemberCalender } from '../lib/type_calender';
 import { globalCalender } from '../lib/val_calender';
 import CreateUserCalender from './create_user_calender';
+import ViewDataConflict from './create_view_event_conflict';
 
 export default function CreateCalenderDivisionCaleder() {
     const [value, setValue] = useState<Date | null>(null);
     const router = useRouter()
     const [isModal, setModal] = useState(false)
     const [isModalKonfirmasiTglSama, setModalKonfirmasiTglSama] = useState(false)
+    const [isModalViewData, setModalViewData] = useState(false)
     const [loadingModal, setLoadingModal] = useState(false)
     const [loadingModalKonfirmasiTglSama, setLoadingModalKonfirmasiTglSama] = useState(false)
     const member = useHookstate(globalCalender)
     const memberValue = member.get() as IFormMemberCalender[]
+    const [dataAcaraKonflik, setDataAcaraKonflik] = useState<any[]>([])
     const [openMember, setOpenMember] = useState(false)
     const param = useParams<{ id: string, detail: string }>()
     const tema = useHookstate(TEMA)
@@ -75,6 +78,7 @@ export default function CreateCalenderDivisionCaleder() {
                 onSubmit()
             } else {
                 setModalKonfirmasiTglSama(true)
+                setDataAcaraKonflik(response.data)
             }
         } catch (error) {
             console.error(error)
@@ -217,6 +221,7 @@ export default function CreateCalenderDivisionCaleder() {
     }
 
     if (openMember) return <CreateUserCalender onClose={() => setOpenMember(false)} />
+    if (isModalViewData) return <ViewDataConflict onClose={() => setModalViewData(false)} data={dataAcaraKonflik} />
 
     return (
         <Box>
@@ -468,7 +473,7 @@ export default function CreateCalenderDivisionCaleder() {
                 }} />
 
 
-            <LayoutModal loading={loadingModalKonfirmasiTglSama} opened={isModalKonfirmasiTglSama}
+            <LayoutModalNew loading={loadingModalKonfirmasiTglSama} opened={isModalKonfirmasiTglSama} onCheck={(val) => { val ? setModalViewData(true) : setModalViewData(false) }}
                 onClose={() => {
                     setModalKonfirmasiTglSama(false)
                     setModal(false)