Donasi Create

# feat:
- Create Donasi
## No Issuee

src/app_modules/admin/donasi/component/tombol_kembali.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Group, Button } from "@mantine/core";
+import { IconChevronLeft } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+
+export default function AdminDonasi_TombolKembali() {
+  const router = useRouter();
+  return (
+    <>
+      <Group>
+        <Button
+          c={"gray"}
+          leftIcon={<IconChevronLeft />}
+          variant="white"
+          onClick={() => router.back()}
+        >
+          Kembali
+        </Button>
+      </Group>
+    </>
+  );
+}

src/app_modules/admin/donasi/detail_table/detail_publish.tsx

@@ -0,0 +1,159 @@
+"use client";
+
+import {
+  AspectRatio,
+  Box,
+  Divider,
+  Grid,
+  Group,
+  Image,
+  Pagination,
+  Paper,
+  Progress,
+  ScrollArea,
+  SimpleGrid,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import AdminDonasi_TombolKembali from "../component/tombol_kembali";
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import {
+  IconClover,
+  IconMessageChatbot,
+  IconMoneybag,
+} from "@tabler/icons-react";
+import router from "next/router";
+import moment from "moment";
+
+export default function AdminDonasi_DetailPublish() {
+  return (
+    <>
+      <Stack>
+        <AdminDonasi_TombolKembali />
+        <SimpleGrid
+          cols={2}
+          spacing="lg"
+          breakpoints={[
+            { maxWidth: "md", cols: 2, spacing: "md" },
+            { maxWidth: "sm", cols: 1, spacing: "sm" },
+            { maxWidth: "xs", cols: 1, spacing: "xs" },
+          ]}
+        >
+          <TampilanDetailDonasi />
+          <TampilanListDonatur />
+        </SimpleGrid>
+      </Stack>
+    </>
+  );
+}
+
+function TampilanDetailDonasi() {
+  return (
+    <>
+      <Paper radius={"md"} bg={"blue.1"} p={"md"}>
+        <Stack>
+          <Stack>
+            <AspectRatio ratio={16 / 9}>
+              <Paper radius={"md"}>
+                <Image alt="Foto" src={"/aset/no-img.png"} />
+              </Paper>
+            </AspectRatio>
+            <Title order={4}>Judul Donasi</Title>
+            <Stack spacing={0}>
+              <Group position="apart">
+                <Stack spacing={0}>
+                  <Text fz={12}>Dana dibutuhkan</Text>
+                  <Title order={4} c="blue">
+                    Rp. 50.000.000
+                  </Title>
+                </Stack>
+                <Text fz={"xs"}>
+                  Sisa hari{" "}
+                  <Text span inherit fw={"bold"}>
+                    100
+                  </Text>{" "}
+                </Text>
+              </Group>
+            </Stack>
+            <Progress size={"lg"} value={50} />
+            {/* <Grid>
+                <Grid.Col
+                  span={"auto"}
+                  //   onClick={() => router.push(RouterDonasi.donatur)}
+                >
+                  <Stack align="center" spacing={"xs"}>
+                    <Group>
+                      <IconClover color="skyblue" />
+                      <Text>50</Text>
+                    </Group>
+                    <Text>Donatur</Text>
+                  </Stack>
+                </Grid.Col>
+                <Divider orientation="vertical" />
+                <Grid.Col
+                  span={"auto"}
+                  //   onClick={() => router.push(RouterDonasi.kabar)}
+                >
+                  <Stack spacing={"sm"} align="center">
+                    <IconMessageChatbot color="skyblue" />
+                    <Text>Kabar Terbaru</Text>
+                  </Stack>
+                </Grid.Col>
+                <Divider orientation="vertical" />
+                <Grid.Col
+                  span={"auto"}
+                  //   onClick={() => router.push(RouterDonasi.pencairan_dana)}
+                >
+                  <Stack spacing={"sm"} align="center">
+                    <IconMoneybag color="skyblue" />
+                    <Text>Pencairan Dana</Text>
+                  </Stack>
+                </Grid.Col>
+              </Grid> */}
+          </Stack>
+        </Stack>
+      </Paper>
+    </>
+  );
+}
+
+function TampilanListDonatur() {
+  const tableRows = Array(10)
+    .fill(0)
+    .map((e, i) => (
+      <tr key={i}>
+        <td>User {`${i + 1}`}</td>
+        <td>
+          Rp.{" "}
+          {`${new Intl.NumberFormat("id-ID", {
+            maximumFractionDigits: 10,
+          }).format(i + 100000)}`}
+        </td>
+        <td> {`${moment(Date.now()).format("ll")}`}</td>
+      </tr>
+    ));
+
+  return (
+    <>
+      <Paper radius={"md"} bg={"cyan.1"} p={"md"}>
+        <Stack>
+          <Title order={4}>List Donatur</Title>
+          <ScrollArea h={300}>
+            <Table>
+              <thead>
+                <tr>
+                  <th>Nama</th>
+                  <th>Jumlah Donasi</th>
+                  <th>Tanggal Donasi</th>
+                </tr>
+              </thead>
+              <tbody>{tableRows}</tbody>
+            </Table>
+          </ScrollArea>
+        </Stack>
+      </Paper>
+    </>
+  );
+}

src/app_modules/admin/donasi/detail_table/detail_reject.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { Button, Stack, Text } from "@mantine/core";
+
+export default function AdminDonasi_DetailReject({
+  closeModal,
+}: {
+  closeModal: any;
+}) {
+  return (
+    <>
+      <Stack>
+        <Text>Cooming Soon</Text>
+        <Button onClick={() => closeModal()}>close</Button>
+      </Stack>
+    </>
+  );
+}

src/app_modules/admin/donasi/detail_table/detail_review.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { Button, Stack, Text } from "@mantine/core";
+
+export default function AdminDonasi_DetailReview({
+  closeModal,
+}: {
+  closeModal: any;
+}) {
+  return (
+    <>
+      <Stack>
+        <Text>Cooming Soon</Text>
+        <Button onClick={() => closeModal()}>close</Button>
+      </Stack>
+    </>
+  );
+}

src/app_modules/admin/donasi/index.tsx

@@ -1,4 +1,13 @@
 import AdminDonasi_Main from "./main";
 import AdminDonasi_TablePublish from "./table_status/table_publish";
+import AdminDonasi_DetailPublish from "./detail_table/detail_publish";
+import AdminDonasi_TableReview from "./table_status/table_review";
+import AdminDonasi_TableReject from "./table_status/table_reject";
 
-export {AdminDonasi_Main, AdminDonasi_TablePublish}
+export {
+  AdminDonasi_Main,
+  AdminDonasi_TablePublish,
+  AdminDonasi_DetailPublish,
+  AdminDonasi_TableReview,
+  AdminDonasi_TableReject
+};

src/app_modules/admin/donasi/main/index.tsx

@@ -23,14 +23,14 @@ export default function AdminDonasi_Main() {
       id: 1,
       name: "Publish",
       //   jumlah: countDraft,
-      link: RouterAdminDonasi.table_donasi,
+      link: RouterAdminDonasi.table_publish,
       color: "green",
     },
     {
       id: 2,
       name: "Review",
       //   jumlah: countReview,
-      link: "",
+      link: RouterAdminDonasi.table_review,
       color: "orange",
     },
     {
@@ -44,7 +44,7 @@ export default function AdminDonasi_Main() {
       id: 4,
       name: "Reject",
       //   jumlah: countReject,
-      link: "",
+      link: RouterAdminDonasi.table_reject,
       color: "red",
     },
   ];

src/app_modules/admin/donasi/table_status/table_publish.tsx

@@ -1,16 +1,84 @@
-"use client"
+"use client";
 
-import { ActionIcon, Group, Text } from "@mantine/core"
-import { IconChevronLeft } from "@tabler/icons-react"
+import { RouterAdminDonasi } from "@/app/lib/router_hipmi/router_admin";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import { IconChevronLeft, IconEyeCheck } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import AdminDonasi_TombolKembali from "../component/tombol_kembali";
 
 export default function AdminDonasi_TablePublish() {
-    return<>
-   <Group>
-   <ActionIcon>
-        <IconChevronLeft/>
-    </ActionIcon>
-    <Text>Kembali</Text>
-   </Group>
-    table publish 
+  return (
+    <>
+      <Stack>
+        <AdminDonasi_TombolKembali />
+        <TableStatus />
+      </Stack>
     </>
-}
+  );
+}
+
+function TableStatus() {
+  const router = useRouter();
+  async function onClick() {
+    router.push(RouterAdminDonasi.detail_publish);
+  }
+
+  const TableRows = Array(5)
+    .fill(0)
+    .map((e, i) => (
+      <tr key={i}>
+        <td>{`User ${i + 1}`}</td>
+        <td>{`Judul ${i + 1}`}</td>
+        <td>
+          <Button
+            compact
+            color={"green"}
+            leftIcon={<IconEyeCheck />}
+            radius={"xl"}
+            variant="outline"
+            onClick={onClick}
+          >
+            Tampilkan
+          </Button>
+        </td>
+      </tr>
+    ));
+
+  return (
+    <>
+      <Box>
+        <Box bg={"green.1"} p={"xs"}>
+          <Title order={6} c={"green"}>
+            PUBLISH
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Judul</th>
+              <th>Aksi</th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+      </Box>
+    </>
+  );
+}

src/app_modules/admin/donasi/table_status/table_reject.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { RouterAdminDonasi } from "@/app/lib/router_hipmi/router_admin";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import { IconChevronLeft, IconEyeCheck } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import AdminDonasi_TombolKembali from "../component/tombol_kembali";
+import { useDisclosure } from "@mantine/hooks";
+import AdminDonasi_DetailReview from "../detail_table/detail_review";
+
+export default function AdminDonasi_TableReject() {
+  return (
+    <>
+      <Stack>
+        <AdminDonasi_TombolKembali />
+        <TableStatus />
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus() {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+
+  async function onClick() {
+    // router.push(RouterAdminDonasi.detail_publish);
+  }
+
+  const TableRows = Array(5)
+    .fill(0)
+    .map((e, i) => (
+      <tr key={i}>
+        <td>{`User ${i + 1}`}</td>
+        <td>{`Judul ${i + 1}`}</td>
+        <td>
+          <Button
+            compact
+            color={"red"}
+            leftIcon={<IconEyeCheck />}
+            radius={"xl"}
+            variant="outline"
+            onClick={open}
+          >
+            Tampilkan
+          </Button>
+        </td>
+      </tr>
+    ));
+
+  return (
+    <>
+      <Box>
+        <Box bg={"red.1"} p={"xs"}>
+          <Title order={6} c={"red"}>
+            REJECT
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Judul</th>
+              <th>Aksi</th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+      </Box>
+
+      <Modal opened={opened} onClose={close}>
+        <AdminDonasi_DetailReview closeModal={close}/>
+      </Modal>
+    </>
+  );
+}

src/app_modules/admin/donasi/table_status/table_review.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { RouterAdminDonasi } from "@/app/lib/router_hipmi/router_admin";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import { IconChevronLeft, IconEyeCheck } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import AdminDonasi_TombolKembali from "../component/tombol_kembali";
+import { useDisclosure } from "@mantine/hooks";
+import AdminDonasi_DetailReview from "../detail_table/detail_review";
+
+export default function AdminDonasi_TableReview() {
+  return (
+    <>
+      <Stack>
+        <AdminDonasi_TombolKembali />
+        <TableStatus />
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus() {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+
+  async function onClick() {
+    // router.push(RouterAdminDonasi.detail_publish);
+  }
+
+  const TableRows = Array(5)
+    .fill(0)
+    .map((e, i) => (
+      <tr key={i}>
+        <td>{`User ${i + 1}`}</td>
+        <td>{`Judul ${i + 1}`}</td>
+        <td>
+          <Button
+            compact
+            color={"orange"}
+            leftIcon={<IconEyeCheck />}
+            radius={"xl"}
+            variant="outline"
+            onClick={open}
+          >
+            Tampilkan
+          </Button>
+        </td>
+      </tr>
+    ));
+
+  return (
+    <>
+      <Box>
+        <Box bg={"orange.1"} p={"xs"}>
+          <Title order={6} c={"orange"}>
+            REVIEW
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Judul</th>
+              <th>Aksi</th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+      </Box>
+
+      <Modal opened={opened} onClose={close}>
+        <AdminDonasi_DetailReview closeModal={close}/>
+      </Modal>
+    </>
+  );
+}

src/app_modules/donasi/create/create_cerita_penggalang.tsx

@@ -5,6 +5,7 @@ import {
   AspectRatio,
   Button,
   Center,
+  FileButton,
   Image,
   Paper,
   Stack,
@@ -16,24 +17,65 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { gs_donasi_tabs_posting } from "../global_state";
 import BoxInformasiDonasi from "../component/box_informasi";
+import { MODEL_DONASI_TEMPORARY } from "../model/interface";
+import _ from "lodash";
+import toast from "react-simple-toasts";
+import { Donasi_funCreate } from "../fun/create/fun_create_donasi";
 
-export default function CreateCeritaPenggalangDonasi() {
+export default function CreateCeritaPenggalangDonasi({
+  dataTemporary,
+  userId
+}: {
+  dataTemporary: MODEL_DONASI_TEMPORARY;
+  userId: string
+}) {
   const router = useRouter();
   const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
     gs_donasi_tabs_posting
   );
-  const [value, setValue] = useState({
+  const [create, setCreate] = useState({
     pembukaan: "",
     cerita: "",
   });
+  const [temporary, setTemporary] = useState(dataTemporary);
+  const [file, setFile] = useState<File | null>(null);
+  const [imageCerita, setImageCerita] = useState<any | null>();
+
   async function onCreate() {
-    router.push(RouterDonasi.page_pop_up_create)
-setTabsPostingDonasi("Review")
+    if (_.values(create).includes("")) return toast("Lengkapi Data");
+    if (!file) return toast("Lengkapi Gambar");
+
+    const gambar = new FormData();
+    gambar.append("file", file as any);
+
+    const body = {
+      id: temporary.id,
+      title: temporary.title,
+      target: temporary.target,
+      imagesId: temporary.imagesId,
+      donasiMaster_KategoriId: temporary.donasiMaster_KategoriId,
+      donasiMaster_DurasiId: temporary.donasiMaster_DurasiId,
+      authorId: userId,
+      CeritaDonasi: {
+        pembukaan: create.pembukaan,
+        cerita: create.cerita,
+      },
+    };
+
+    await Donasi_funCreate(body as any, gambar).then((res) => {
+      if (res.status === 201) {
+        router.push(RouterDonasi.page_pop_up_create);
+        setTabsPostingDonasi("Review");
+      } else {
+        toast(res.message)
+      }
+    });
   }
   return (
     <>
       <Stack spacing={"md"} px={"md"}>
-        <BoxInformasiDonasi informasi="Ceritakan dengan jujur & benar mengapa Penggalanagn Dana ini harus diadakan!"/>
+        {/* <pre>{JSON.stringify(dataTempo, null, 2)}</pre> */}
+        <BoxInformasiDonasi informasi="Ceritakan dengan jujur & benar mengapa Penggalanagn Dana ini harus diadakan!" />
         <Textarea
           autosize
           minRows={2}
@@ -42,12 +84,53 @@ setTabsPostingDonasi("Review")
           label="Pembukaan"
           placeholder="Pembuka dari isi cerita"
           onChange={(val) =>
-            setValue({
-              ...value,
+            setCreate({
+              ...create,
               pembukaan: val.target.value,
             })
           }
         />
+        <Stack spacing={"xs"}>
+          <AspectRatio ratio={16 / 9}>
+            <Paper radius={"md"}>
+              <Image
+                alt="Foto"
+                src={imageCerita ? imageCerita : "/aset/no-img.png"}
+              />
+            </Paper>
+          </AspectRatio>
+
+          <Center>
+            <FileButton
+              onChange={async (files: any | null) => {
+                try {
+                  const buffer = URL.createObjectURL(
+                    new Blob([new Uint8Array(await files.arrayBuffer())])
+                  );
+                  // console.log(buffer, "ini buffer");
+                  // console.log(files, " ini file");
+                  setImageCerita(buffer);
+                  setFile(files);
+                } catch (error) {
+                  console.log(error);
+                }
+              }}
+              accept="image/png,image/jpeg"
+            >
+              {(props) => (
+                <Button
+                  {...props}
+                  radius={"xl"}
+                  variant="outline"
+                  w={150}
+                  leftIcon={<IconCamera />}
+                >
+                  Upload
+                </Button>
+              )}
+            </FileButton>
+          </Center>
+        </Stack>
         <Textarea
           autosize
           minRows={2}
@@ -56,30 +139,13 @@ setTabsPostingDonasi("Review")
           label="Cerita"
           placeholder="Ceritakan alasan mengapa harus membuat Penggalangan Dana"
           onChange={(val) =>
-            setValue({
-              ...value,
+            setCreate({
+              ...create,
               cerita: val.target.value,
             })
           }
         />
 
-        <Stack spacing={"xs"}>
-          <Center>
-            <Button
-              radius={"xl"}
-              variant="outline"
-              w={150}
-              leftIcon={<IconCamera />}
-            >
-              Upload
-            </Button>
-          </Center>
-          <AspectRatio ratio={16 / 9}>
-            <Paper radius={"md"}>
-              <Image alt="Foto" src={"/aset/no-img.png"} />
-            </Paper>
-          </AspectRatio>
-        </Stack>
         <Button w={"100%"} radius={"xl"} onClick={() => onCreate()}>
           Simpan
         </Button>

src/app_modules/donasi/create/create_donasi.tsx

@@ -0,0 +1,160 @@
+"use client";
+
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import {
+  ActionIcon,
+  AspectRatio,
+  Box,
+  Button,
+  Center,
+  FileButton,
+  Image,
+  Paper,
+  Select,
+  Stack,
+  Text,
+  TextInput,
+  Textarea,
+} from "@mantine/core";
+import { IconCamera } from "@tabler/icons-react";
+import { useAtom } from "jotai";
+import { useRouter } from "next/navigation";
+
+import BoxInformasiDonasi from "../component/box_informasi";
+import { MODEL_DONASI_ALL_MASTER } from "../model/interface";
+import { useState } from "react";
+import { useShallowEffect } from "@mantine/hooks";
+import Donasi_funCreateTemporary from "../fun/create/fun_create_donasi_temporary";
+import toast from "react-simple-toasts";
+import _ from "lodash";
+
+export default function CreateDonasi({
+  masterKategori,
+  masterDurasi,
+}: {
+  masterKategori: MODEL_DONASI_ALL_MASTER[];
+  masterDurasi: MODEL_DONASI_ALL_MASTER[];
+}) {
+  const router = useRouter();
+  const [kategori, setKategori] = useState(masterKategori);
+  const [durasi, setDurasi] = useState(masterDurasi);
+  const [create, setCreate] = useState({
+    kategoriId: "",
+    title: "",
+    target: "",
+    durasiId: "",
+  });
+  const [file, setFile] = useState<File | null>(null);
+  const [imageDonasi, setImageDonasi] = useState<any | null>();
+
+  async function onCreate() {
+    if (_.values(create).includes("")) return toast("Lengkapi Data");
+    if (!file) return toast("Lengkapi Gambar");
+
+    const gambar = new FormData();
+    gambar.append("file", file as any);
+
+    await Donasi_funCreateTemporary(create as any, gambar).then((res) => {
+      if (res.status === 201) {
+        router.push(RouterDonasi.create_cerita_penggalang + `${res.donasiId}`);
+      } else {
+        toast(res.message);
+      }
+    });
+  }
+
+  return (
+    <>
+      <Stack spacing={"md"} px={"md"}>
+        <BoxInformasiDonasi informasi="Lengkapi semua data di bawah untuk selanjutnya mengisi cerita Penggalangan Dana!" />
+        <Select
+          label="Kategori"
+          placeholder="Pilih kategori penggalangan dana"
+          withAsterisk
+          data={kategori.map((e) => ({
+            value: e.id,
+            label: e.name,
+          }))}
+          onChange={(val: string) =>
+            setCreate({
+              ...create,
+              kategoriId: val,
+            })
+          }
+        />
+        <Stack>
+          <AspectRatio ratio={16 / 9}>
+            <Paper radius={"md"}>
+              <Image
+                alt="Foto"
+                src={imageDonasi ? imageDonasi : "/aset/no-img.png"}
+              />
+            </Paper>
+          </AspectRatio>
+          <Center>
+            <FileButton
+              onChange={async (files: any | null) => {
+                try {
+                  const buffer = URL.createObjectURL(
+                    new Blob([new Uint8Array(await files.arrayBuffer())])
+                  );
+                  // console.log(buffer, "ini buffer");
+                  // console.log(files, " ini file");
+                  setImageDonasi(buffer);
+                  setFile(files);
+                } catch (error) {
+                  console.log(error);
+                }
+              }}
+              accept="image/png,image/jpeg"
+            >
+              {(props) => (
+                <Button
+                  {...props}
+                  radius={"xl"}
+                  variant="outline"
+                  w={150}
+                  leftIcon={<IconCamera />}
+                >
+                  Upload
+                </Button>
+              )}
+            </FileButton>
+          </Center>
+        </Stack>
+        <Stack>
+          <TextInput
+            withAsterisk
+            label="Judul Donasi"
+            placeholder="Contoh: Renovasi Masjid pada kampung, dll"
+            onChange={(val) =>
+              setCreate({ ...create, title: val.target.value })
+            }
+          />
+          <TextInput
+            type="number"
+            withAsterisk
+            label="Target Dana"
+            placeholder="Masukan nominal angka"
+            onChange={(val) =>
+              setCreate({ ...create, target: val.target.value })
+            }
+          />
+          <Select
+            label="Durasi"
+            placeholder="Jangka waktu penggalangan dana"
+            withAsterisk
+            data={durasi.map((e) => ({
+              value: e.id,
+              label: e.name + " " + `bulan`,
+            }))}
+            onChange={(val: string) => setCreate({ ...create, durasiId: val })}
+          />
+        </Stack>
+        <Button my={"lg"} radius={"xl"} onClick={() => onCreate()}>
+          Selanjutnya
+        </Button>
+      </Stack>
+    </>
+  );
+}

src/app_modules/donasi/create/index.tsx

@@ -1,91 +0,0 @@
-"use client";
-
-import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import {
-  ActionIcon,
-  AspectRatio,
-  Box,
-  Button,
-  Center,
-  Image,
-  Paper,
-  Select,
-  Stack,
-  Text,
-  TextInput,
-  Textarea,
-} from "@mantine/core";
-import { IconCamera } from "@tabler/icons-react";
-import { useAtom } from "jotai";
-import { useRouter } from "next/navigation";
-import { gs_donasi_tabs_posting } from "../global_state";
-import toast from "react-simple-toasts";
-import BoxInformasiDonasi from "../component/box_informasi";
-
-export default function CreateDonasi() {
-  const router = useRouter();
-  const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
-    gs_donasi_tabs_posting
-  );
-
-  async function onCreate() {
-    router.push(RouterDonasi.create_cerita_penggalang);
-  }
-  return (
-    <>
-      <Stack spacing={"md"} px={"md"}>
-        <BoxInformasiDonasi informasi="Lengkapi semua data di bawah untuk selanjutnya mengisi cerita Penggalangan Dana!" />
-        <Select
-          label="Kategori"
-          placeholder="Pilih kategori penggalangan dana"
-          withAsterisk
-          data={[
-            { value: "1", label: "Medis" },
-            { value: "2", label: "Lingkungan" },
-            { value: "3", label: "Kegiatan Sosial" },
-            { value: "4", label: "Rumah Ibadah" },
-            { value: "5", label: "Bantuan Pendidikan" },
-          ]}
-        />
-        <Stack>
-          <AspectRatio ratio={16 / 9}>
-            <Paper radius={"md"}>
-              <Image alt="Foto" src={"/aset/no-img.png"} />
-            </Paper>
-          </AspectRatio>
-          <Center>
-            <Button
-              radius={"xl"}
-              variant="outline"
-              w={150}
-              leftIcon={<IconCamera />}
-            >
-              Upload
-            </Button>
-          </Center>
-        </Stack>
-        <Stack>
-          <TextInput
-            withAsterisk
-            label="Judul Donasi"
-            placeholder="Contoh: Renovasi Masjid pada kampung, dll"
-          />
-          <TextInput type="number" withAsterisk label="Target Dana" placeholder="Masukan nominal angka" />
-          <Select
-            label="Durasi"
-            placeholder="Jangka waktu penggalangan dana"
-            withAsterisk
-            data={[
-              { value: "30", label: "30 Hari" },
-              { value: "60", label: "60 Hari" },
-              { value: "90", label: "90 Hari" },
-            ]}
-          />
-        </Stack>
-        <Button my={"lg"} radius={"xl"} onClick={() => onCreate()}>
-          Selanjutnya
-        </Button>
-      </Stack>
-    </>
-  );
-}

src/app_modules/donasi/fun/create/fun_create_donasi.ts

@@ -0,0 +1,70 @@
+"use server";
+
+import fs from "fs";
+import prisma from "@/app/lib/prisma";
+import { MODEL_DONASI } from "../../model/interface";
+import { Donasi_funDeleteTemporaryCreate } from "../delete/fun_delete_temporary_create";
+import { v4 } from "uuid";
+import _ from "lodash";
+
+export async function Donasi_funCreate(req: MODEL_DONASI, file: FormData) {
+  const body = req;
+
+  const dataDonasi = await prisma.donasi.create({
+    data: {
+      target: body.target,
+      title: body.title,
+      donasiMaster_DurasiId: body.donasiMaster_DurasiId,
+      donasiMaster_KategoriId: body.donasiMaster_KategoriId,
+      imagesId: body.imagesId,
+      authorId: body.authorId
+    },
+  });
+
+  if (!dataDonasi) return { status: 400, message: "Gagal disimpan" };
+  await Donasi_funDeleteTemporaryCreate(body.id).then((res) => {
+    if (res.status === 200) {
+      console.log(res.message);
+    } else {
+      console.log(res.message);
+    }
+  });
+
+  const dataImage: any = file.get("file");
+  const fileName = dataImage.name;
+  const fileExtension = _.lowerCase(dataImage.name.split(".").pop());
+  const fRandomName = v4(fileName) + "." + fileExtension;
+
+  const uploadImageCerita = await prisma.images.create({
+    data: {
+      url: fRandomName,
+    },
+    select: {
+      id: true,
+      url: true,
+    },
+  });
+
+  if (!uploadImageCerita)
+    return { status: 400, message: "Gagal upload gambar" };
+  const uploadFolder = Buffer.from(await dataImage.arrayBuffer());
+  fs.writeFileSync(
+    `./public/donasi/image_cerita/${uploadImageCerita.url}`,
+    uploadFolder
+  );
+
+  const dataCerita = await prisma.donasi_Cerita.create({
+    data: {
+      donasiId: dataDonasi.id,
+      pembukaan: body.CeritaDonasi.pembukaan,
+      cerita: body.CeritaDonasi.cerita,
+      imagesId: uploadImageCerita.id,
+    },
+  });
+
+  if (!dataCerita) return { status: 400, message: "Gagal simpan data cerita" };
+  return {
+    status: 201,
+    message: "Data donasi tersimpan",
+  };
+}

src/app_modules/donasi/fun/create/fun_create_donasi_temporary.ts

@@ -0,0 +1,61 @@
+"use server";
+
+import fs from "fs";
+import prisma from "@/app/lib/prisma";
+import { MODEL_DONASI_TEMPORARY } from "../../model/interface";
+import _ from "lodash";
+import { v4 } from "uuid";
+
+interface Model_Temporary {
+  kategoriId: "";
+  title: "";
+  target: "";
+  durasiId: "";
+}
+
+export default async function Donasi_funCreateTemporary(
+  data: Model_Temporary,
+  file: FormData
+) {
+  // console.log(data, "ini data")
+  // console.log(file, "ini file nya")
+
+  const dataImage: any = file.get("file");
+  const fileName = dataImage.name;
+  const fileExtension = _.lowerCase(dataImage.name.split(".").pop());
+  const fRandomName = v4(fileName) + "." + fileExtension;
+
+  const uploadTemporary = await prisma.images.create({
+    data: {
+      url: fRandomName,
+    },
+    select: {
+      id: true,
+      url: true,
+    },
+  });
+
+  if (!uploadTemporary) return { status: 400, message: "Gagal upload gambar" };
+  const uploadFolder = Buffer.from(await dataImage.arrayBuffer());
+  fs.writeFileSync(`./public/donasi/image/${uploadTemporary.url}`, uploadFolder);
+  
+  
+
+  const res = await prisma.donasi_TemporaryCreate.create({
+    data: {
+      title: data.title,
+      target: data.target,
+      donasiMaster_KategoriId: data.kategoriId,
+      donasiMaster_DurasiId: data.durasiId,
+      imagesId: uploadTemporary.id,
+    },
+  });
+
+  if (!res) return { status: 400, message: "Gagal membuat donasi" };
+
+  return {
+    status: 201,
+    message: "Berhasil membuat donasi",
+    donasiId: res.id
+  };
+}

src/app_modules/donasi/fun/delete/fun_delete_temporary_create.ts

@@ -0,0 +1,17 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function Donasi_funDeleteTemporaryCreate(id: string) {
+  const del = await prisma.donasi_TemporaryCreate.delete({
+    where: {
+      id: id,
+    },
+  });
+
+  if(!del) return {status: 400, message:"Gagal hapus temporary"}
+  return {
+    status: 200,
+    message: "Berhasil hapus temporary"
+  }
+}

src/app_modules/donasi/fun/get/get_temporary_create.ts

@@ -0,0 +1,12 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function Donasi_getTemporaryCreate(id: string) {
+  const data = await prisma.donasi_TemporaryCreate.findFirst({
+    where: {
+      id: id,
+    },
+  });
+  return data;
+}

src/app_modules/donasi/fun/index.ts

@@ -0,0 +1,4 @@
+import { Donasi_getMasterKategori } from "./master/get_ketegori";
+import { Donasi_getMasterDurasi } from "./master/get_durasi";
+
+export { Donasi_getMasterKategori, Donasi_getMasterDurasi };

src/app_modules/donasi/fun/master/get_durasi.ts

@@ -0,0 +1,8 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function Donasi_getMasterDurasi() {
+  const data = await prisma.donasiMaster_Durasi.findMany({});
+  return data;
+}

src/app_modules/donasi/fun/master/get_ketegori.ts

@@ -0,0 +1,8 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function Donasi_getMasterKategori() {
+  const data = await prisma.donasiMaster_Kategori.findMany({});
+  return data;
+}

src/app_modules/donasi/global_state/index.ts

@@ -4,11 +4,14 @@ import { atomWithStorage } from "jotai/utils";
  * @param index 0 - 2
  * @returns global state hot menu donasi
  */
-export const gs_donasi_hot_menu = atomWithStorage("gs_donasi_hot_menu", 0)
+export const gs_donasi_hot_menu = atomWithStorage("gs_donasi_hot_menu", 0);
 
 /**
  * @param status - Publish, Review,, Draft, Reject
  * @type string
  * @returns status tabs pada posting
  */
-export const gs_donasi_tabs_posting = atomWithStorage<string | null>("gs_donasi_tabs_posting", "Publish")
+export const gs_donasi_tabs_posting = atomWithStorage<string | null>(
+  "gs_donasi_tabs_posting",
+  "Publish"
+);

src/app_modules/donasi/index.ts

@@ -2,7 +2,7 @@ import MainDonasi from "./main/beranda";
 import LayoutDonasi from "./main/layout";
 import GalangDanaDonasi from "./main/galang_dana";
 import DonasiSayaDonasi from "./main/donasi_saya";
-import CreateDonasi from "./create";
+import CreateDonasi from "./create/create_donasi";
 import LayoutCreateDonasi from "./create/layout";
 import PagePopUpCreateDonasi from "./page_pop_up/create";
 import DetailMainDonasi from "./detail/detail_main";

src/app_modules/donasi/model/interface.ts

@@ -0,0 +1,46 @@
+export interface MODEL_DONASI {
+  id: string;
+  title: string;
+  target: string;
+  active: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+  imagesId: string;
+  authorId: string,
+  donasiMaster_KategoriId: string;
+  donasiMaster_DurasiId: string;
+  CeritaDonasi : MODEL_CERITA_DONASI
+}
+
+export interface MODEL_CERITA_DONASI {
+  id: string;
+  pembukaan: string,
+  cerita: string,
+  active: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+  imagesId: string
+}
+
+
+export interface MODEL_DONASI_ALL_MASTER {
+  id: string;
+  name: string;
+  active: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+}
+
+export interface MODEL_DONASI_TEMPORARY {
+  id: string;
+  title: string;
+  target: string;
+  active: boolean;
+  createdAt: Date;
+  updatedAt: Date;
+  imagesId: string;
+  donasiMaster_KategoriId: string;
+  donasiMaster_DurasiId: string;
+}
+
+

src/app_modules/fun/fun_get_user_token.ts

@@ -0,0 +1,21 @@
+"use server";
+
+import { cookies } from "next/headers";
+import yaml from "yaml";
+import fs from "fs";
+import { unsealData } from "iron-session";
+import { redirect } from "next/navigation";
+const config = yaml.parse(fs.readFileSync("config.yaml").toString());
+
+export async function funGetUserToken() {
+  const c = cookies().get("ssn");
+  if (!c?.value) return redirect("/dev/auth/login");
+
+  const token = JSON.parse(
+    await unsealData(c?.value as string, {
+      password: config.server.password,
+    })
+  );
+
+  return token;
+}