database investasi

# feat:
- Create investasi
- Edit investasi
- Ubah status investasi
- Masukan berita
### No issue

src/app_modules/investasi/edit_berita/layout.tsx

@@ -18,18 +18,11 @@ export default function LayoutEditBeritaInvestasi({
     <>
       <AppShell
         header={<HeaderTamplate title="Edit Berita" />}
-        footer={
-          <Footer height={70} sx={{ borderStyle: "none" }}>
-            <Center>
-              <Button w={300} radius={50} bg={Warna.hijau_muda} color="green" onClick={() => {
-                router.back()
-                toast("Berita terupdate")
-              }}>
-                Update
-              </Button>
-            </Center>
-          </Footer>
-        }
+        // footer={
+        //   <Footer height={70} sx={{ borderStyle: "none" }}>
+           
+        //   </Footer>
+        // }
       >
         {children}
       </AppShell>

src/app_modules/investasi/edit_berita/view.tsx

@@ -4,30 +4,130 @@ import {
   AspectRatio,
   Button,
   Center,
+  FileButton,
   FileInput,
+  Group,
   Image,
   Stack,
   Text,
   TextInput,
   Textarea,
 } from "@mantine/core";
-import { IconUpload } from "@tabler/icons-react";
+import { IconCamera, IconUpload } from "@tabler/icons-react";
+import {
+  MODEL_Investasi,
+  Model_Berita_Investasi,
+} from "../model/model_investasi";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import { Warna } from "@/app/lib/warna";
+import toast from "react-simple-toasts";
+import _ from "lodash";
+import funEditBeritaInvestasi from "../fun/fun_edit_berita";
+import deleteBeritaInvestasi from "../fun/fun_delete_berita";
+
+export default function EditBeritaInvestasi({
+  dataBerita,
+}: {
+  dataBerita: Model_Berita_Investasi;
+}) {
+  const router = useRouter();
+  const [edit, setEdit] = useState(dataBerita);
+  const [img, setImg] = useState<any | null>();
+  const [fl, setFl] = useState<File | null>(null);
+
+  async function onUpdate() {
+    const body = edit;
+    if (_.values(body).includes("")) return toast("Lengkapi data");
+
+    const fd = new FormData();
+    fd.append("file", fl as any);
+
+    await funEditBeritaInvestasi(fd, body).then(async (res) => {
+      if (res.status === 200) {
+        router.back();
+      } else {
+        toast(res.message)
+      }
+    });
+  }
+
 
-export default function EditBeritaInvestasi() {
   return (
     <>
       <Stack>
         <AspectRatio ratio={16 / 9}>
-          <Image alt="" src={"/aset/no-img.png"} />
+          {img ? (
+            <Image alt="" src={img} />
+          ) : (
+            <Image
+              alt=""
+              src={RouterInvestasi.api_gambar + `${edit.imagesId}`}
+            />
+          )}
         </AspectRatio>
-        <Center>
-          <Button leftIcon={<IconUpload size={10} />} compact radius={50}>
-            Upload
-          </Button>
-        </Center>
-        <TextInput label="Judul berita" />
-        <Textarea label="Deskripsi" autosize minRows={2} maxRows={6} />
+        <Group position="center" mt={"md"}>
+          <FileButton
+            onChange={async (files: any) => {
+              const buffer = URL.createObjectURL(
+                new Blob([new Uint8Array(await files.arrayBuffer())])
+              );
+              setImg(buffer);
+              setFl(files);
+            }}
+            accept="image/png,image/jpeg"
+          >
+            {(props) => (
+              <Button
+                {...props}
+                radius={50}
+                bg={Warna.hijau_muda}
+                color="green"
+              >
+                <IconCamera />
+              </Button>
+            )}
+          </FileButton>
+        </Group>
+
+        <TextInput
+          label="Judul berita"
+          value={edit.title}
+          onChange={(val) => {
+            setEdit({
+              ...edit,
+              title: val.target.value,
+            });
+          }}
+        />
+        <Textarea
+          label="Deskripsi"
+          autosize
+          minRows={2}
+          maxRows={6}
+          value={edit.deskripsi}
+          onChange={(val) => {
+            setEdit({
+              ...edit,
+              deskripsi: val.target.value,
+            });
+          }}
+        />
       </Stack>
+      <Center mt={100}>
+        <Button
+          w={300}
+          radius={50}
+          bg={Warna.hijau_muda}
+          color="green"
+          onClick={() => {
+            onUpdate();
+          }}
+        >
+          Update
+        </Button>
+      </Center>
     </>
   );
 }