style : update component project

Deskripsi:
- add detail project
- add file save
- add fule upload progres
- add result date and task
- add result file
- add update progres

No Issue

src/module/project/components/create_project.tsx

@@ -1,12 +1,16 @@
-'use client'
-import { LayoutNavbarNew } from "@/module/_global";
-import { Box, Group, Input, Stack, Text } from "@mantine/core";
+"use client";
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
+import { Box, Button, Center, Flex, Group, Input, Stack, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import React from "react";
+import React, { useState } from "react";
 import { IoIosArrowDropright } from "react-icons/io";
+import { BsFiletypeCsv } from "react-icons/bs";
+import ResultsDateAndTask from "./results_date-and_task";
+import ResultsFile from "./results_file";
 
-export default function CreateProject() {
-  const router = useRouter()
+export default function CreateProject({ searchParams }: { searchParams: any }) {
+  const router = useRouter();
+  const [openDrawer, setOpenDrawer] = useState(false);
   return (
     <Box>
       <LayoutNavbarNew back="/project" title="tambah proyek" menu />
@@ -22,7 +26,7 @@ export default function CreateProject() {
             placeholder="Nama Proyek"
             size="md"
           />
-          <Box onClick={() => router.push('/project/create?page=task')}>
+          <Box onClick={() => router.push("/project/create?page=task")}>
             <Group
               justify="space-between"
               p={10}
@@ -42,12 +46,85 @@ export default function CreateProject() {
               border: `1px solid ${"#D6D8F6"}`,
               borderRadius: 10,
             }}
+            onClick={() => setOpenDrawer(true)}
           >
             <Text>Upload File</Text>
             <IoIosArrowDropright size={25} />
           </Group>
         </Stack>
+        {
+          (searchParams.anggota == 'yes') &&
+          <>
+            <ResultsDateAndTask />
+          </>
+        }
+
+        {(searchParams.files == 'yes') &&
+          <>
+            <ResultsFile />
+          </>
+        }
+
+        {
+          (searchParams.button == 'yes') &&
+          <>
+            <Box mt="xl">
+              <Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push('/project/create')}>
+                Simpan
+              </Button>
+            </Box>
+          </>
+        }
+
+
       </Box>
-    </Box>
+
+
+
+      <LayoutDrawer
+        opened={openDrawer}
+        onClose={() => setOpenDrawer(false)}
+        title={"Pilih File"}
+      >
+        <Flex justify={"space-around"}>
+          <Box onClick={() => ""}>
+            <Box
+              bg={"#DCEED8"}
+              style={{
+                border: `1px solid ${"#D6D8F6"}`,
+                padding: 20,
+                borderRadius: 10,
+              }}
+            >
+              <Center>
+                <BsFiletypeCsv size={40} />
+              </Center>
+            </Box>
+            <Text mt={10} ta={"center"}>
+              Pilih file
+            </Text>
+            <Text ta={"center"}>diperangkat</Text>
+          </Box>
+          <Box onClick={() => router.push("/project/create?page=file-save")}>
+            <Box
+              bg={"#DCEED8"}
+              style={{
+                border: `1px solid ${"#D6D8F6"}`,
+                padding: 20,
+                borderRadius: 10,
+              }}
+            >
+              <Center>
+                <BsFiletypeCsv size={40} />
+              </Center>
+            </Box>
+            <Text mt={10} ta={"center"}>
+              Pilih file yang
+            </Text>
+            <Text ta={"center"}>sudah ada</Text>
+          </Box>
+        </Flex>
+      </LayoutDrawer>
+    </Box >
   );
 }