feat

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

src/app_modules/investasi/dialog_page/transaksi_saham/layout.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import { AppShell, CloseButton, Group, Header, Text } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import React from "react";
+
+export default function LayoutCountDownTransaksiInvestasi({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+    const router = useRouter()
+  return (
+    <>
+      <AppShell
+        header={
+          <Header height={50} sx={{borderStyle: "none"}} px={"md"}>
+            <Group h={50} align="center">
+              <CloseButton size={"md"} onClick={() => router.push(RouterInvestasi.portofolio)}  />
+              <Text>Status Transfer</Text>
+            </Group>
+          </Header>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/investasi/dialog_page/transaksi_saham/view.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import { Box, Center, Loader, Stack, Text, Title } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconCircleCheck } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+
+export default function CountDownTransaksiInvestasi() {
+  const router = useRouter();
+  useShallowEffect(() => {
+    setTimeout(() => router.push(RouterInvestasi.status_transaksi), 10000);
+  }, []);
+
+  return (
+    <>
+      <Center h={"80vh"}>
+        <Stack>
+          {/* <Box>
+            <Center>
+              <Text>Transfer Berhasil</Text>
+            </Center>
+            <Center>
+              <IconCircleCheck size={100} />
+            </Center>
+          </Box> */}
+          <Box>
+            <Center>
+              <Stack spacing={"sm"}>
+                <Text>Xendit sedang memproses transaksimu</Text>
+                <Center>
+                  <Title order={5}>09:57</Title>
+                </Center>
+                <Center>
+                  <Loader size={"xl"} variant="bars" />
+                </Center>
+              </Stack>
+            </Center>
+          </Box>
+        </Stack>
+      </Center>
+    </>
+  );
+}