style : update style

src/module/calender/ui/navbar_create_division_calender.tsx

@@ -208,7 +208,6 @@ export default function NavbarCreateDivisionCalender() {
             data={[
               { value: 'once', label: 'Acara 1 Kali' },
               { value: 'daily', label: 'Setiap Hari' },
-              // { value: 'weekdays', label: 'Hari Kerja (Sen - Jum)' },
               { value: 'weekly', label: 'Mingguan' },
               { value: 'monthly', label: 'Bulanan' },
               { value: 'yearly', label: 'Tahunan' },
@@ -226,6 +225,34 @@ export default function NavbarCreateDivisionCalender() {
               )
             }
           />
+          {isData.repeatEventTyper == "once" ?
+            <TextInput styles={{
+              input: {
+                border: `1px solid ${"#D6D8F6"}`,
+                borderRadius: 10,
+              },
+            }}
+              type='number'
+              required
+              label="Jumlah pengulangan"
+              size="md"
+              disabled
+              placeholder='Jumlah pengulangan'
+              value={isData.repeatValue}
+              onChange={(event) => {
+                setData({ ...isData, repeatValue: String(event.currentTarget.value) })
+                setTouched({ ...touched, repeatValue: false })
+              }}
+              onBlur={() => setTouched({ ...touched, repeatValue: true })}
+              // TODO :: NANTI DIPERBAIKI
+              error={
+                touched.repeatValue && (
+                  isData.repeatValue == "" ? "Jumlah pengulangan tidak boleh kosong" : ""
+                  // || Number(isData.repeatValue) <= 0 ? "Jumlah pengulangan tidak boleh 0" : ""
+                )
+              }
+            />
+            :
             <TextInput styles={{
               input: {
                 border: `1px solid ${"#D6D8F6"}`,
@@ -251,6 +278,7 @@ export default function NavbarCreateDivisionCalender() {
                 )
               }
             />
+          }
           <Textarea styles={{
             input: {
               border: `1px solid ${"#D6D8F6"}`,

src/module/calender/ui/update_division_calender.tsx

@@ -254,7 +254,6 @@ export default function UpdateDivisionCalender() {
                 data={[
                   { value: 'once', label: 'Acara 1 Kali' },
                   { value: 'daily', label: 'Setiap Hari' },
-                  // { value: 'weekdays', label: 'Hari Kerja (Sen - Jum)' },
                   { value: 'weekly', label: 'Mingguan' },
                   { value: 'monthly', label: 'Bulanan' },
                   { value: 'yearly', label: 'Tahunan' },
@@ -278,6 +277,33 @@ export default function UpdateDivisionCalender() {
                 }
                 required
               />
+              {isDataCalender?.repeatEventTyper == "once" ?
+                <TextInput styles={{
+                  input: {
+                    border: `1px solid ${"#D6D8F6"}`,
+                    borderRadius: 10,
+                  },
+                }}
+                  type='number'
+                  required
+                  label="Jumlah pengulangan"
+                  size="md"
+                  disabled
+                  placeholder='Jumlah pengulangan'
+                  defaultValue={isDataCalender?.repeatValue}
+                  onChange={(event) => {
+                    setDataCalender({ ...isDataCalender, repeatValue: String(event.currentTarget.value) })
+                    setTouched({ ...touched, repeatValue: false })
+                  }}
+                  onBlur={() => setTouched({ ...touched, repeatValue: true })}
+                  error={
+                    touched.repeatValue && (
+                      isDataCalender?.repeatValue == "" ? "Jumlah pengulangan tidak boleh kosong" : null
+                      // || Number(isDataCalender?.repeatValue) <= 0 ? "Jumlah pengulangan tidak boleh dibawah 1" : null
+                    )
+                  }
+                />
+                :
                 <TextInput styles={{
                   input: {
                     border: `1px solid ${"#D6D8F6"}`,
@@ -302,6 +328,7 @@ export default function UpdateDivisionCalender() {
                     )
                   }
                 />
+              }
               <Textarea styles={{
                 input: {
                   border: `1px solid ${"#D6D8F6"}`,

src/module/document/ui/drawer_cut_documents.tsx

@@ -133,12 +133,12 @@ export default function DrawerCutDocuments({
           </Grid.Col>
         </Grid>
       </Box>
-      <Box p={10} pb={60}>
+      <Box  pb={60}>
         <Box>
           <Breadcrumbs
             separator={<GoChevronRight />}
             separatorMargin="md"
-            mt="xs"
+            mb={10}
           >
             {dataJalur.map((v, i) => {
               return (
@@ -156,9 +156,9 @@ export default function DrawerCutDocuments({
         <ScrollArea
           h={{
             base: "55vh",
-            xl: "58vh",
+            xl: "56vh",
-            md: "57vh",
+            md: "56vh",
-            sm: "58vh",
+            sm: "56vh",
           }}
           type="scroll"
           scrollbarSize={2}
@@ -205,7 +205,7 @@ export default function DrawerCutDocuments({
                     display: "flex",
                     justifyContent: "center",
                     alignItems: "center",
-                    height: "60vh",
+                    height: "50vh",
                   }}
                 >
                   <Text c="dimmed" ta={"center"} fs={"italic"}>

src/module/document/ui/drawer_menu_document_division.tsx

@@ -1,6 +1,6 @@
 "use clent"
 import { LayoutDrawer, TEMA } from '@/module/_global';
-import { ActionIcon, Box, Button, Divider, Flex, Grid, Modal, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { ActionIcon, Box, Button, Center, Divider, Flex, Grid, Modal, Progress, rem, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
 import { useParams, useRouter, useSearchParams } from 'next/navigation';
 import React, { useRef, useState } from 'react';
 import toast from 'react-hot-toast';
@@ -24,6 +24,7 @@ export default function DrawerMenuDocumentDivision() {
   const openRef = useRef<() => void>(null)
   const [fileForm, setFileForm] = useState<any>()
   const tema = useHookstate(TEMA)
+  const [loading, setLoading] = useState(false)
 
   const [bodyFolder, setBodyFolder] = useState({
     name: '',
@@ -49,29 +50,40 @@ export default function DrawerMenuDocumentDivision() {
 
   async function onUploadFile(data: any) {
     try {
+      setLoading(true)
       const fd = new FormData()
       fd.append(`file`, data)
       fd.append("data", JSON.stringify({
         idPath: (path == undefined || path == '' || path == null) ? 'home' : path,
         idDivision: param.id
       }))
-
+      setOpenModal(false)
+      // setOpenDrawerDocument(false)
       const res = await funUploadFileDocument(fd)
+
       if (!res.success) {
         toast.error(res.message)
       }
+      setLoading(false)
     } catch (error) {
       console.error(error);
       toast.error("Gagal upload file, coba lagi nanti");
+      setLoading(false)
     }
-
     refresh.set(true)
-    setOpenModal(false)
     setOpenDrawerDocument(false)
   }
 
+
   return (
     <Box>
+      {loading ? (
+        <Box >
+          <Progress mt={"10vh"} size="lg" value={100} animated />
+          <Text ta={"center"}>Loading...</Text>
+        </Box>
+      ) :
+        (
           <Stack pt={10}>
             <SimpleGrid
               cols={{ base: 2, sm: 3, lg: 3 }}
@@ -87,13 +99,21 @@ export default function DrawerMenuDocumentDivision() {
               </Flex>
             </SimpleGrid>
           </Stack>
+        )
+      }
 
       <LayoutDrawer opened={openDrawerDocument} onClose={() => setOpenDrawerDocument(false)} title={''}>
+        {loading ? (
+          <Box >
+            <Progress mt={"10vh"} size="lg" value={100} animated />
+            <Text ta={"center"}>Loading...</Text>
+          </Box>
+        ) :
+          (
             <SimpleGrid
               cols={{ base: 2, sm: 2, lg: 2 }}
               onClick={() => setOpenDrawerDocument(true)}
             >
-
               <Flex onClick={() => setOpenModal(true)} justify={'center'} align={'center'} direction={'column'} mb={20} >
                 <Box>
                   <ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
@@ -133,17 +153,9 @@ export default function DrawerMenuDocumentDivision() {
                 </Flex>
               </Dropzone>
 
-          {/* <Flex justify={'center'} align={'center'} direction={'column'} mb={20} >
-            <Box>
-              <ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
-                <FaRegImage size={40} color={tema.get().utama} />
-              </ActionIcon>
-            </Box>
-            <Box mt={10}>
-              <Text c={tema.get().utama}>Upload Foto</Text>
-            </Box>
-          </Flex> */}
             </SimpleGrid>
+          )
+        }
       </LayoutDrawer>
 
 

src/module/document/ui/drawer_share_document.tsx

@@ -17,8 +17,9 @@ import {
   ActionIcon,
   ScrollArea,
   Skeleton,
+  Grid,
 } from "@mantine/core";
-import { useShallowEffect } from "@mantine/hooks";
+import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useParams } from "next/navigation";
 import { useState } from "react";
 import toast from "react-hot-toast";
@@ -39,6 +40,7 @@ export default function DrawerShareDocument({
   const refresh = useHookstate(globalRefreshDocument);
   const tema = useHookstate(TEMA);
   const [loading, setLoading] = useState(true);
+  const isMobile2 = useMediaQuery("(max-width: 438px)");
 
   async function onShare() {
     try {
@@ -100,8 +102,8 @@ export default function DrawerShareDocument({
   };
 
   return (
-    <Box pt={10}>
+    <Box>
-      <Box mt={10}>
+      <Box>
         <ScrollArea
           h={{
             base: "58vh",
@@ -154,8 +156,15 @@ export default function DrawerShareDocument({
                     );
                     return (
                       <Box mb={15} key={i} onClick={() => handleFileClick(i)}>
-                        <Flex justify={"space-between"} align={"center"}>
+                        <Grid align='center'>
-                          <Group>
+                          <Grid.Col span={{
+                            base: 1,
+                            xs: 1,
+                            sm: 1,
+                            md: 1,
+                            lg: 1,
+                            xl: 1,
+                          }}>
                             <ActionIcon
                               variant="light"
                               color="gray"
@@ -165,34 +174,30 @@ export default function DrawerShareDocument({
                             >
                               <FaUsers fontSize={40} />
                             </ActionIcon>
-                            <Stack align="flex-start" justify="flex-start">
+                          </Grid.Col>
-                              <Text
+                          <Grid.Col span={{
-                                style={{
+                            base: 11,
-                                  cursor: "pointer",
+                            xs: 11,
-                                  display: "flex",
+                            sm: 11,
-                                  alignItems: "center",
+                            md: 11,
-                                }}
+                            lg: 11,
-                              >
+                            xl: 11,
-                                {v.name}
+                          }}>
-                              </Text>
+                            <Flex justify='space-between' align={"center"}>
-                            </Stack>
+                              <Flex direction={'column'} align="flex-start" justify="flex-start">
-                          </Group>
+                                <Text lineClamp={1} pl={isMobile2 ? 40 : 30}>{v.name}</Text>
-                          <Text
+                              </Flex>
-                            style={{
-                              cursor: "pointer",
-                              display: "flex",
-                              alignItems: "center",
-                              paddingLeft: 20,
-                            }}
-                          >
                               {isSelected ? (
                                 <FaCheck style={{ marginRight: 10 }} />
                               ) : (
                                 ""
                               )}
-                          </Text>
                             </Flex>
-                        <Divider my={"md"} />
+                          </Grid.Col>
+                        </Grid>
+                        <Box mt={10}>
+                          <Divider my={10} />
+                        </Box>
                       </Box>
                     );
                   })}

src/module/document/ui/navbar_document_division.tsx

@@ -521,14 +521,11 @@ export default function NavbarDocumentDivision() {
             {isMobile2 ? (
               <Breadcrumbs
                 separator={<GoChevronRight />}
-                separatorMargin="md"
+                my="xs"
-                mt="xs"
                 style={{ cursor: "pointer" }}
               >
                 {dataJalur.slice(0, 3).map((v, i) => {
                   return (
-                    <>
-                      <Box w={50}>
                     <Text
                       onClick={() => router.push("?path=" + v.id)}
                       key={i}
@@ -538,11 +535,10 @@ export default function NavbarDocumentDivision() {
                         whiteSpace: "nowrap",
                         maxWidth: "100%",
                       }}
+                      truncate={"end"}
                     >
                       {v.name}
                     </Text>
-                      </Box>
-                    </>
                   );
                 })}
                 {dataJalur.length > 3 && (
@@ -574,8 +570,7 @@ export default function NavbarDocumentDivision() {
             ) : (
               <Breadcrumbs
                 separator={<GoChevronRight />}
-                separatorMargin="md"
+                my="xs"
-                mt="xs"
                 style={{ cursor: "pointer" }}
               >
                 {dataJalur.slice(0, 4).map((v, i) => {

src/module/project/ui/list_file_detail_project.tsx

@@ -145,6 +145,9 @@ export default function ListFileDetailProject() {
                           {item.extension == "png" && <BsFiletypePng size={30} />}
                           {item.extension == "jpg" && <BsFiletypeJpg size={30} />}
                           {item.extension == "jpeg" && <BsFiletypeJpg size={30} />}
+                          {item.extension == "PNG" && <BsFiletypePng size={30} />}
+                          {item.extension == "JPG" && <BsFiletypeJpg size={30} />}
+                          {item.extension == "JPEG" && <BsFiletypeJpg size={30} />}
                           {item.extension == "heic" && <BsFiletypeHeic size={30} />}
                         </Grid.Col>
                         <Grid.Col