feat

Desc:
- Fitur Detail investasi
- Fitur Proses investasi
- Fitur upload bukti trnsfer
# No issue

src/app_modules/investasi/proses_investasi/layout.tsx

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

src/app_modules/investasi/proses_investasi/view.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { Warna } from "@/app/lib/warna";
+import {
+  ActionIcon,
+  Box,
+  Button,
+  Center,
+  Divider,
+  Grid,
+  Group,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useCounter } from "@mantine/hooks";
+import {
+  IconMinus,
+  IconNumber10Small,
+  IconPlus,
+  IconRefresh,
+} from "@tabler/icons-react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+export default function ProsesInvestasi() {
+  const [count, handlers] = useCounter(0, { min: 1, max: 100 });
+  const [hargaLembar, setHargaLembar] = useState(1000);
+  const router = useRouter()
+
+//   const formatter = new Intl.NumberFormat("", {
+//     style: 'currency',
+//     currency: 'RP',
+  
+//   });
+  
+
+
+  return (
+    <>
+      <Box px={"md"}>
+        <Group position="apart" mb={"md"}>
+          <Text>Lembar Saham</Text>
+          <Group position="center">
+            <ActionIcon variant="filled" radius={50} onClick={handlers.reset}>
+              <IconRefresh />
+            </ActionIcon>
+
+            <ActionIcon
+              variant="filled"
+              radius={50}
+              onClick={handlers.increment}
+            >
+              <IconPlus />
+            </ActionIcon>
+            <Text>{count}</Text>
+            <ActionIcon
+              variant="filled"
+              radius={50}
+              onClick={handlers.decrement}
+            >
+              <IconMinus />
+            </ActionIcon>
+            <ActionIcon
+              variant="filled"
+              radius={50}
+              onClick={() => handlers.set(100)}
+            >
+              <IconNumber10Small />
+            </ActionIcon>
+          </Group>
+        </Group>
+
+        <Group position="apart" mb={"md"}>
+          <Text>Harga Perlembar</Text>
+          <Text fz={23}>Rp.{hargaLembar} </Text>
+        </Group>
+
+        <Divider />
+        <Group position="apart" mb={"md"}>
+          <Text>Total Harga</Text>
+          <Text fz={25}>Rp.{hargaLembar * count} </Text>
+        </Group>
+        <Center>
+            <Button w={350} radius={50} bg={Warna.biru} onClick={()=>router.push("/dev/investasi/upload_bukti") }>Proses</Button>
+        </Center>
+      </Box>
+    </>
+  );
+}