diff --git a/src/module/calender/ui/create_user_calender.tsx b/src/module/calender/ui/create_user_calender.tsx index e2e506b..f7ea152 100644 --- a/src/module/calender/ui/create_user_calender.tsx +++ b/src/module/calender/ui/create_user_calender.tsx @@ -4,9 +4,9 @@ import { useParams, useRouter } from 'next/navigation'; import { funGetDivisionById, funGetSearchMemberDivision, IDataMemberDivision } from '@/module/division_new'; import { useHookstate } from '@hookstate/core'; import toast from 'react-hot-toast'; -import { useShallowEffect } from '@mantine/hooks'; -import { LayoutNavbarNew, SkeletonSingle, TEMA } from '@/module/_global'; -import { ActionIcon, Avatar, Box, Button, Center, Divider, Flex, Grid, Group, Indicator, rem, Text, TextInput } from '@mantine/core'; +import { useMediaQuery, useShallowEffect } from '@mantine/hooks'; +import { LayoutNavbarNew, SkeletonList, SkeletonSingle, TEMA } from '@/module/_global'; +import { ActionIcon, Avatar, Box, Button, Center, Divider, Flex, Grid, Group, Indicator, rem, Stack, Text, TextInput } from '@mantine/core'; import { FaCheck } from 'react-icons/fa6'; import { HiChevronLeft, HiMagnifyingGlass } from 'react-icons/hi2'; import { IoArrowBackOutline, IoClose } from 'react-icons/io5'; @@ -23,6 +23,7 @@ export default function CreateUserCalender({ onClose }: { onClose: (val: any) => const [onClickSearch, setOnClickSearch] = useState(false) const [searchQuery, setSearchQuery] = useState('') const tema = useHookstate(TEMA) + const isMobile2 = useMediaQuery("(max-width: 438px)"); async function getData() { try { @@ -168,8 +169,8 @@ export default function CreateUserCalender({ onClose }: { onClose: (val: any) => ) : null } - {/* Close User */} - )} - - + + {/* Pilih Semua Anggota {selectAll ? : ""} - + */} {loading ? Array(8) .fill(null) .map((_, i) => ( - + )) : - - {isData.map((v, i) => { - const isSelected = selectedFiles.some((i: any) => i?.idUser == v.idUser); - return ( - handleFileClick(i)}> - - - - - - - - {v.name} + (isData.length === 0) ? + + Tidak ada anggota + + : + + {isData.map((v, i) => { + const isSelected = selectedFiles.some((i: any) => i?.idUser == v.idUser); + return ( + handleFileClick(i)}> + + + + + + + + {v.name} + + {isSelected ? : null} - {isSelected ? : null} - - - - - + + + + + - - ); - })} - + ); + })} + } - - + + {/* Pilih Semua Anggota {selectAll ? : ""} - + */} {loading ? Array(8) .fill(null) .map((_, i) => ( - + )) : - - {isData.map((v, i) => { - const isSelected = selectedFiles.some((i: any) => i?.idUser == v.idUser); - const found = isDataAnggota.some((i: any) => i.idUser == v.idUser) - return ( - (!found) ? handleFileClick(i) : null}> - - - - - - - - {v.name} - {(found) ? "sudah menjadi anggota" : ""} + (isData.length === 0) ? + + Tidak ada anggota + + : + + {isData.map((v, i) => { + const isSelected = selectedFiles.some((i: any) => i?.idUser == v.idUser); + const found = isDataAnggota.some((i: any) => i.idUser == v.idUser) + return ( + (!found) ? handleFileClick(i) : null}> + + + + + + + + {v.name} + {(found) ? "sudah menjadi anggota" : ""} + + {isSelected ? : null} - {isSelected ? : null} - - - - - + + + + + - - ); - })} - + ); + })} + } + }} h={"100vh"}> {loading ? Array(6) .fill(null) @@ -90,7 +90,7 @@ export default function HistoryDivisionCalender() { _.isEmpty(isData) ? - Tidak ada history + Tidak ada Acara : isData.map((v, i) => { diff --git a/src/module/discussion/ui/form_create_discussion.tsx b/src/module/discussion/ui/form_create_discussion.tsx index f10e4cf..0725ce7 100644 --- a/src/module/discussion/ui/form_create_discussion.tsx +++ b/src/module/discussion/ui/form_create_discussion.tsx @@ -70,7 +70,7 @@ export default function FormCreateDiscussion({ id }: { id: string }) { return ( - + @@ -82,7 +82,7 @@ export default function FormCreateDiscussion({ id }: { id: string }) { input: { border: 'none', backgroundColor: 'transparent', - height: "70vh" + height: "50vh" } }} value={isData.desc} diff --git a/src/module/discussion/ui/form_edit_discussion.tsx b/src/module/discussion/ui/form_edit_discussion.tsx index 5827859..e40967f 100644 --- a/src/module/discussion/ui/form_edit_discussion.tsx +++ b/src/module/discussion/ui/form_edit_discussion.tsx @@ -107,7 +107,7 @@ export default function FormEditDiscussion() { input: { border: 'none', backgroundColor: 'transparent', - height: "70vh" + height: "50vh" } }} value={isDataOne}