Review Investasi

# feat
- Ubah status ke review dan sebaliknya
- Lihat dokumen, prospektus, dan berita di review status
### no issue

src/app_modules/investasi/berita/view.tsx

@@ -3,48 +3,70 @@
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import {
   AspectRatio,
+  Box,
+  Center,
   Grid,
   Group,
   Image,
   Paper,
+  Spoiler,
   Stack,
   Text,
   Title,
 } from "@mantine/core";
 import moment from "moment";
 import { useRouter } from "next/navigation";
+import { MODEL_Investasi } from "../model/model_investasi";
+import { useState } from "react";
+import _ from "lodash";
 
-export default function BeritaInvestasi({ id }: { id: string }) {
+export default function BeritaInvestasi({
+  dataInvestasi,
+}: {
+  dataInvestasi: MODEL_Investasi;
+}) {
   const router = useRouter();
+  const [berita, setBerita] = useState(dataInvestasi);
+
   return (
     <>
-      <Paper
-       
-        w={"100%"}
-        bg={"gray"}
-        p={"sm"}
-        onClick={() => router.push(RouterInvestasi.detail_berita + `${id}`)}
-      >
-       <Stack>
-       <Group position="apart">
-          <Title order={6}>Judul berita</Title>
-          <Text fz={"xs"}>{moment(Date.now()).local().format("LL")}</Text>
-        </Group>
+      {!_.isEmpty(berita.BeritaInvestasi) ? (
+        berita.BeritaInvestasi.map((e) => (
+          <Paper
+            key={e.id}
+            w={"100%"}
+            bg={"gray"}
+            p={"sm"}
+            onClick={() =>
+              router.push(RouterInvestasi.detail_berita + `${e.id}`)
+            }
+          >
+            <Stack>
+              <Group position="apart">
+                <Title order={6}>{e.title}</Title>
+                <Text fz={"xs"}>{moment(e.createdAt).format("LL")}</Text>
+              </Group>
 
-        <Grid pt={5}>
-          <Grid.Col span={8}>
-            <Text fz={12}>
-              Lorem ipsum dolor sit amet consectetur, adipisicing elit....
-            </Text>
-          </Grid.Col>
-          <Grid.Col span={4}>
-            <AspectRatio ratio={16 / 9} h={50} w={100}>
-              <Image alt="" src={"/aset/no-img.png"} />
-            </AspectRatio>
-          </Grid.Col>
-        </Grid>
-       </Stack>
-      </Paper>
+              <Grid pt={5}>
+                <Grid.Col span={8}>
+                  <Text lineClamp={3} fz={12}>
+                    {e.deskripsi}
+                  </Text>
+                </Grid.Col>
+                <Grid.Col span={4}>
+                  <AspectRatio ratio={16 / 9} h={50} w={100}>
+                    <Image alt="" src={RouterInvestasi.api_gambar + `${e.imagesId}`} />
+                  </AspectRatio>
+                </Grid.Col>
+              </Grid>
+            </Stack>
+          </Paper>
+        ))
+      ) : (
+        <Center>
+          <Title order={6}>Tidak Ada Berita</Title>
+        </Center>
+      )}
     </>
   );
 }