upd: project

Deskripsi:
- tambah project

- update tb project

NO Issues

src/module/project/ui/results_date-and_task.tsx

@@ -0,0 +1,56 @@
+import { WARNA } from '@/module/_global';
+import { Box, Group, SimpleGrid, Text } from '@mantine/core';
+import React from 'react';
+import { AiOutlineFileSync } from "react-icons/ai";
+import { IFormDateProject } from '../lib/type_project';
+import moment from 'moment';
+
+export default function ResultsDateAndTask(data: IFormDateProject) {
+  return (
+    <Box pt={5}>
+      <Box bg={"white"} style={{
+        borderRadius: 10,
+        border: `1px solid ${"#D6D8F6"}`,
+        padding: 20
+      }}>
+        <Box style={{
+          borderRadius: 10,
+          border: `1px solid ${"#D6D8F6"}`,
+          padding: 10
+        }}>
+          <Group>
+            <AiOutlineFileSync size={25} />
+            <Text>{data.title}</Text>
+          </Group>
+        </Box>
+        <Box>
+          <SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
+            <Box>
+              <Text>Tanggal Mulai</Text>
+              <Group
+                justify="center"
+                bg={"white"}
+                h={45}
+                style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
+              >
+                <Text>{moment(data.dateStart).format('DD-MM-YYYY')}</Text>
+              </Group>
+            </Box>
+            <Box>
+              <Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
+              <Group
+                justify="center"
+                bg={"white"}
+                h={45}
+                style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
+              >
+                <Text>{moment(data.dateEnd).format('DD-MM-YYYY')}</Text>
+              </Group>
+            </Box>
+          </SimpleGrid>
+        </Box>
+      </Box>
+    </Box>
+  );
+}
+