feat

Desc:
- Fitur transaksi investasi
- Fitur hitung mundur setelah transaksi
- Fitur status transaksi
- #No issue

src/app_modules/admin/investasi/bukti_transfer/view.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { RouterAdminInvestasi } from "@/app/lib/router_hipmi/router_admin";
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import {
   Avatar,
   Badge,
@@ -11,8 +13,10 @@ import {
   Title,
 } from "@mantine/core";
 import { IconChevronRight } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
 
 export default function Admin_BuktiTransferInvestasi() {
+  const router = useRouter()
   const listUsername = [
     {
       id: 1,
@@ -37,7 +41,7 @@ export default function Admin_BuktiTransferInvestasi() {
     <>
       {/* Box Username */}
       {listUsername.map((e) => (
-        <Paper key={e.id} bg={"gray"} p={"md"} mb={"xs"}>
+        <Paper key={e.id} bg={"gray"} p={"md"} mb={"xs"} onClick={() => router.push(RouterAdminInvestasi.status_transfer)}>
           <Grid align="center">
             <Grid.Col span={6}>
               <Text>Username</Text>

src/app_modules/admin/investasi/index.tsx

@@ -5,6 +5,8 @@ import Admin_KonfirmasiInvestasi from "./konfirmasi/view";
 import Admin_LayoutKonfirmasiInvestasi from "./konfirmasi/layout";
 import Admin_BuktiTransferInvestasi from "./bukti_transfer/view";
 import Admin_LayoutBuktiTransferInvestasi from "./bukti_transfer/layout";
+import Admin_StatusTransferInvesatasi from "./status_transfer/view";
+import Admin_LayoutStatusTransferInvesatasi from "./status_transfer/layout";
 
 export {
   Admin_Investasi,
@@ -14,4 +16,6 @@ export {
   Admin_LayoutKonfirmasiInvestasi,
   Admin_BuktiTransferInvestasi,
   Admin_LayoutBuktiTransferInvestasi,
+  Admin_StatusTransferInvesatasi,
+  Admin_LayoutStatusTransferInvesatasi,
 };

src/app_modules/admin/investasi/status_transfer/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 Admin_LayoutStatusTransferInvesatasi({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <AppShell header={<HeaderTamplate title="Status Transfer" />}>
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/admin/investasi/status_transfer/view.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { Warna } from "@/app/lib/warna";
+import {
+  AspectRatio,
+  Avatar,
+  Button,
+  Center,
+  Group,
+  Image,
+  Select,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useRouter } from "next/navigation";
+
+export default function Admin_StatusTransferInvesatasi() {
+  const router = useRouter();
+  return (
+    <>
+      <Stack>
+        <Group>
+          <Avatar variant="outline" radius={50} />
+          <Text>Username</Text>
+        </Group>
+
+        <Select
+          label="Status investor"
+          data={[
+            { value: "1", label: "Sudah Transfer" },
+            { value: "2", label: "Menunggu Transfer" },
+          ]}
+        />
+
+        <Center>
+          <AspectRatio ratio={1 / 1} bg={"blue"} h={400} w={250}>
+            <Image alt="" height={400} w={200} src={"/aset/no-img.png"} />
+          </AspectRatio>
+        </Center>
+
+        <Center mt={"lg"}>
+          <Button
+            w={300}
+            radius={50}
+            bg={Warna.biru}
+            color="blue"
+            onClick={() => {
+              router.back();
+            }}
+          >
+            Simpan
+          </Button>
+        </Center>
+      </Stack>
+    </>
+  );
+}

src/app_modules/admin/main/layout.tsx

@@ -25,6 +25,7 @@ import {
   RouterAdminInvestasi,
 } from "@/app/lib/router_hipmi/router_admin";
 import { useRouter } from "next/navigation";
+import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 
 export default function AdminLayout({
   children,
@@ -69,7 +70,7 @@ export default function AdminLayout({
                 />
               </MediaQuery>
               <Title order={6}>Dashboard Admin</Title>
-              <ActionIcon disabled variant="transparent">
+              <ActionIcon  variant="transparent" onClick={() => router.push(RouterHome.main_home)}>
                 <IconLogout color="red" />
               </ActionIcon>
             </Group>