feat

Desc:
- Detail portofolio investasi
- Detail saham terbeli
- Berita
- Detail berita
- Detail dokumen
- Detail prospektus
- Edit berita
- Edit dokumen
- Edit prospektus
#No issue

src/app_modules/investasi/berita/layout.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import { AppShell } from "@mantine/core";
+import React from "react";
+
+export default function LayoutBeritaInvestasi({
+    children,
+  }: {
+    children: React.ReactNode;
+  }) {
+    return (
+      <>
+        <AppShell header={<HeaderTamplate title="Berita" />}>
+          {children}
+        </AppShell>
+      </>
+    );
+  }

src/app_modules/investasi/berita/view.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { RouteInvestasi } from "@/app/lib/app_route";
+import { AspectRatio, Grid, Image, Paper, Text, Title } from "@mantine/core";
+import { useRouter } from "next/navigation";
+
+export default function BeritaInvestasi({id}: {id: string}) {
+    const router = useRouter()
+  return (
+    <>
+      <Paper h={100} w={"100%"} bg={"gray"} p={"sm"} onClick={() => router.push(RouteInvestasi.detail_berita + `${id}`)}>
+        <Title order={6}>Judul berita</Title>
+        <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>
+      </Paper>
+    </>
+  );
+}