From 654796dab75919e610f28e7cd9f295128aa3eb9d Mon Sep 17 00:00:00 2001
From: lukman <lukman@lukmans-MacBook-Air.local>
Date: Thu, 26 Sep 2024 15:25:25 +0800
Subject: [PATCH] style : update style

---
 src/module/division_new/ui/list_document.tsx  |  6 ++--
 src/module/division_new/ui/list_task.tsx      |  6 ++--
 .../document/ui/navbar_document_division.tsx  | 26 +++++++-------
 .../project/ui/progress_detail_project.tsx    | 35 ++++++++++---------
 src/module/task/ui/detail_list_file_task.tsx  | 23 ++++++------
 src/module/task/ui/detail_progress_task.tsx   | 29 +++++++--------
 src/module/task/ui/results_file.tsx           |  8 +++--
 7 files changed, 70 insertions(+), 63 deletions(-)

diff --git a/src/module/division_new/ui/list_document.tsx b/src/module/division_new/ui/list_document.tsx
index ba48fdd..4a292a2 100644
--- a/src/module/division_new/ui/list_document.tsx
+++ b/src/module/division_new/ui/list_document.tsx
@@ -71,13 +71,13 @@ export default function ListDocumentOnDetailDivision() {
                   <Carousel.Slide key={v.id}>
                      <UnstyledButton onClick={() => router.push(`/division/${param.id}/document`)}>
                         <Stack gap={0} w={isMobile ? 100 : 170}>
-                           <Paper withBorder shadow="sm" radius={12} >
+                           <Box bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }} >
                               <Center p={"md"}>
                                  <Image w={isMobile ? 50 : 75} src={(v.extension == "pdf") ? iconContainer(ICON.PDF) : iconContainer(ICON.IMAGE)} alt="image" />
                               </Center>
-                           </Paper>
+                           </Box>
                            <Box>
-                              <Text c={"dimmed"}ta={"center"} lineClamp={1} fz={isMobile? 14 : 16}>{v.name + '.' + v.extension}</Text>
+                              <Text c={"dimmed"} ta={"center"} lineClamp={1} fz={isMobile ? 14 : 16}>{v.name + '.' + v.extension}</Text>
                            </Box>
                         </Stack>
                      </UnstyledButton>
diff --git a/src/module/division_new/ui/list_task.tsx b/src/module/division_new/ui/list_task.tsx
index 43f3b26..9ae596f 100644
--- a/src/module/division_new/ui/list_task.tsx
+++ b/src/module/division_new/ui/list_task.tsx
@@ -72,10 +72,10 @@ export default function ListTaskOnDetailDivision() {
                   <Box p={20} w={{
                      base: isMobile ? 230 : 300,
                      md: 400
-                  }} onClick={() => router.push(`/task/${v.id}`)} bg={tema.get().utama} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
-                     <Text fw={'bold'} c={tema.get().bgUtama} lineClamp={1}>{_.startCase(v.title)}</Text>
+                  }} onClick={() => router.push(`/task/${v.id}`)} bg={"white"}  style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}>
+                     <Text fw={'bold'} c={tema.get().utama} lineClamp={1}>{_.startCase(v.title)}</Text>
                      <Group justify="space-between" mt={20}>
-                        <Group gap={5} align="center" c={"#CFCDCD"}>
+                        <Group gap={5} align="center">
                            <CiClock2 size={18} />
                            <Text fz={13}>{v.dateStart}</Text>
                         </Group >
diff --git a/src/module/document/ui/navbar_document_division.tsx b/src/module/document/ui/navbar_document_division.tsx
index 2bbf0e7..717f207 100644
--- a/src/module/document/ui/navbar_document_division.tsx
+++ b/src/module/document/ui/navbar_document_division.tsx
@@ -526,19 +526,15 @@ export default function NavbarDocumentDivision() {
               >
                 {dataJalur.slice(0, 3).map((v, i) => {
                   return (
+                    <Box p={5}>
                     <Text
                       onClick={() => router.push("?path=" + v.id)}
                       key={i}
-                      style={{
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
-                        whiteSpace: "nowrap",
-                        maxWidth: "100%",
-                      }}
-                      truncate={"end"}
+                      truncate="end"
                     >
                       {v.name}
                     </Text>
+                  </Box>
                   );
                 })}
                 {dataJalur.length > 3 && (
@@ -575,13 +571,15 @@ export default function NavbarDocumentDivision() {
               >
                 {dataJalur.slice(0, 4).map((v, i) => {
                   return (
-                    <Text
-                      onClick={() => router.push("?path=" + v.id)}
-                      key={i}
-                      truncate="end"
-                    >
-                      {v.name}
-                    </Text>
+                    <Box p={5}>
+                      <Text
+                        onClick={() => router.push("?path=" + v.id)}
+                        key={i}
+                        truncate="end"
+                      >
+                        {v.name}
+                      </Text>
+                    </Box>
                   );
                 })}
                 {dataJalur.length > 4 && (
diff --git a/src/module/project/ui/progress_detail_project.tsx b/src/module/project/ui/progress_detail_project.tsx
index c772cc1..ffd23fb 100644
--- a/src/module/project/ui/progress_detail_project.tsx
+++ b/src/module/project/ui/progress_detail_project.tsx
@@ -19,7 +19,7 @@ export default function ProgressDetailProject() {
   const [loading, setLoading] = useState(true)
   const tema = useHookstate(TEMA)
   const [reason, setReason] = useState("")
-  
+
   async function getOneData() {
     try {
       setLoading(true)
@@ -76,22 +76,23 @@ export default function ProgressDetailProject() {
   return (
     <>
       <Box mt={10}>
-        {reason !== null ? 
-          (
-            <Box mb={10}>
-            <Box p={15} bg={"#FFF2CD"} style={{
-              borderRadius: 10,
-              }}>
-              <Group align='center'>
-                <IoIosWarning size={25}/>
-                <Text fw={"bold"}>Kegiatan dibatalkan</Text>
-                </Group>
-                <Text mt={5} truncate="end">{reason}</Text>
-            </Box>
-            </Box>
-        )
-          : null
-      }
+        {loading ? "" :
+          reason !== null ?
+            (
+              <Box mb={10}>
+                <Box p={15} bg={"#FFF2CD"} style={{
+                  borderRadius: 10,
+                }}>
+                  <Group align='center'>
+                    <IoIosWarning size={25} />
+                    <Text fw={"bold"}>Kegiatan dibatalkan</Text>
+                  </Group>
+                  <Text mt={5} truncate="end">{reason}</Text>
+                </Box>
+              </Box>
+            )
+            : null
+        }
         {loading ?
           <Skeleton width={"100%"} height={100} radius={"md"} />
           :
diff --git a/src/module/task/ui/detail_list_file_task.tsx b/src/module/task/ui/detail_list_file_task.tsx
index a8037d2..fb441dd 100644
--- a/src/module/task/ui/detail_list_file_task.tsx
+++ b/src/module/task/ui/detail_list_file_task.tsx
@@ -131,14 +131,17 @@ export default function ListFileDetailTask() {
                               }}
                            >
                               <Grid gutter={"sm"} justify='flex-start' align='flex-start'>
-                                 <Grid.Col span={"auto"}>
+                                 <Grid.Col span={2}>
                                     <Center >
-                                       {item.extension == "pdf" && <BsFiletypePdf size={25} />}
-                                       {item.extension == "csv" && <BsFiletypeCsv size={25} />}
-                                       {item.extension == "png" && <BsFiletypePng size={25} />}
-                                       {item.extension == "jpg" && <BsFiletypeJpg size={25} />}
-                                       {item.extension == "jpeg" && <BsFiletypeJpg size={25} />}
-                                       {item.extension == "heic" && <BsFiletypeHeic size={25} />}
+                                       {item.extension == "pdf" && <BsFiletypePdf size={30} />}
+                                       {item.extension == "csv" && <BsFiletypeCsv size={30} />}
+                                       {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} />}
                                     </Center>
                                  </Grid.Col>
                                  <Grid.Col span={10}>
@@ -155,7 +158,7 @@ export default function ListFileDetailTask() {
 
 
 
-         <LayoutDrawer opened={openDrawer} title={<Text lineClamp={1}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
+         <LayoutDrawer opened={openDrawer} title={<Text truncate={'end'}>{nameData}</Text>} onClose={() => setOpenDrawer(false)}>
             <Box>
                <Stack pt={10}>
                   <SimpleGrid
@@ -172,8 +175,8 @@ export default function ListFileDetailTask() {
 
                      <Flex onClick={() => {
                         reason == null ?
-                        setOpenModal(true)
-                        : setOpenModal(false)
+                           setOpenModal(true)
+                           : setOpenModal(false)
                      }} justify={'center'} align={'center'} direction={'column'} >
                         <Box>
                            <FaTrash size={30} color={reason == null ? tema.get().utama : "gray"} />
diff --git a/src/module/task/ui/detail_progress_task.tsx b/src/module/task/ui/detail_progress_task.tsx
index f200f7f..5b7216e 100644
--- a/src/module/task/ui/detail_progress_task.tsx
+++ b/src/module/task/ui/detail_progress_task.tsx
@@ -78,21 +78,22 @@ export default function ProgressDetailTask() {
 
    return (
       <Box mt={10}>
-         {reason !== null ?
-            (
-               <Box mb={10}>
-                  <Box p={15} bg={"#FFF2CD"} style={{
-                     borderRadius: 10,
-                  }}>
-                     <Group align='center'>
-                        <IoIosWarning size={25} />
-                        <Text fw={"bold"}>Tugas dibatalkan</Text>
-                     </Group>
-                     <Text mt={5} truncate="end">{reason}</Text>
+         {loading ? "" :
+            reason !== null ?
+               (
+                  <Box mb={10}>
+                     <Box p={15} bg={"#FFF2CD"} style={{
+                        borderRadius: 10,
+                     }}>
+                        <Group align='center'>
+                           <IoIosWarning size={25} />
+                           <Text fw={"bold"}>Tugas dibatalkan</Text>
+                        </Group>
+                        <Text mt={5} truncate="end">{reason}</Text>
+                     </Box>
                   </Box>
-               </Box>
-            )
-            : null
+               )
+               : null
          }
          {loading ?
             <Skeleton width={"100%"} height={100} radius={"md"} />
diff --git a/src/module/task/ui/results_file.tsx b/src/module/task/ui/results_file.tsx
index 69cb781..4bc6f5c 100644
--- a/src/module/task/ui/results_file.tsx
+++ b/src/module/task/ui/results_file.tsx
@@ -16,12 +16,16 @@ export default function ResultsFile({ name, extension }: IListFileTask) {
             {extension == "pdf" && <BsFiletypePdf size={30} />}
             {extension == "csv" && <BsFiletypeCsv size={30} />}
             {extension == "png" && <BsFiletypePng size={30} />}
-            {extension == "jpg" || extension == "jpeg" && <BsFiletypeJpg size={30} />}
+            {extension == "jpg" && <BsFiletypeJpg size={30} />}
+            {extension == "jpeg" && <BsFiletypeJpg size={30} />}
+            {extension == "PNG" && <BsFiletypePng size={30} />}
+            {extension == "JPG" && <BsFiletypeJpg size={30} />}
+            {extension == "JPEG" && <BsFiletypeJpg size={30} />}
             {extension == "heic" && <BsFiletypeHeic size={30} />}
           </Center>
         </Grid.Col>
         <Grid.Col span={10}>
-          <Text>{name}</Text>
+          <Text truncate={'end'}>{name}</Text>
         </Grid.Col>
       </Grid>
       <Group>