Fix : Avatar

Deskripsi:
- Ubah avatar yang image nya di ambil dari storage wibu server
- Avatar forum
- Avatra job
- Avatar Investasi
- Avatar donasi
## No Issuee

src/app_modules/investasi/_component/detail/saham_saya/comp_detail_data.tsx

@@ -1,5 +1,5 @@
 import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
-import { ComponentGlobal_AvatarAndAuthorName } from "@/app_modules/_global/component";
+import { ComponentGlobal_AvatarAndAuthorName, ComponentGlobal_AvatarAndUsername } from "@/app_modules/_global/component";
 import { MODEL_INVOICE_INVESTASI } from "@/app_modules/investasi/_lib/interface";
 import {
   Stack,
@@ -25,7 +25,7 @@ export function Investasi_ComponentBoxDetailData({
     <>
       <Investasi_ComponentStylesCard>
         <Stack>
-          <ComponentGlobal_AvatarAndAuthorName dataUser={data?.Author} />
+          <ComponentGlobal_AvatarAndUsername profile={data?.Author.Profile as any} />
           <AspectRatio ratio={1 / 1} mx={0} mah={250}>
             <Image
               alt=""

src/app_modules/investasi/_component/main/comp_card_beranda.tsx

@@ -1,6 +1,9 @@
 import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
-import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
 import {
   Card,
   CardSection,
@@ -19,7 +22,10 @@ import moment from "moment";
 import { MODEL_INVESTASI } from "../../_lib/interface";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
+import {
+  ComponentGlobal_CardLoadingOverlay,
+  ComponentGlobal_CardStyles,
+} from "@/app_modules/_global/component";
 
 export function Investasi_ComponentCardBeranda({
   data,
@@ -32,17 +38,8 @@ export function Investasi_ComponentCardBeranda({
 
   return (
     <>
-      <Card
-        style={{
-          padding: "15px",
-          backgroundColor: AccentColor.darkblue,
-          borderRadius: "10px",
-          border: `2px solid ${AccentColor.blue}`,
-          color: "white",
-          marginBottom: "15px",
-          marginInline: "15px",
-        }}
-        onClick={() => {
+      <ComponentGlobal_CardStyles
+        onClickHandler={() => {
           setLoadingDetail(true);
           setVisible(true);
           router.push(RouterInvestasi_OLD.detail + `${data?.id}`);
@@ -77,30 +74,9 @@ export function Investasi_ComponentCardBeranda({
               size="xl"
               radius="xl"
               styles={{
-                label:{color: MainColor.black}
+                label: { color: MainColor.black },
               }}
             />
-            {/* <Progress
-              label={
-                "" +
-                (
-                  ((+data?.totalLembar - +data?.sisaLembar) /
-                    +data?.totalLembar) *
-                  100
-                ).toFixed(1) +
-                "%"
-              }
-              value={
-                +(
-                  ((+data?.totalLembar - +data?.sisaLembar) /
-                    +data?.totalLembar) *
-                  100
-                ).toFixed(1)
-              }
-              color="teal"
-              size="xl"
-              radius="xl"
-            /> */}
           </Stack>
         </CardSection>
 
@@ -158,7 +134,20 @@ export function Investasi_ComponentCardBeranda({
           </Group>
         </CardSection>
         {visible ? <ComponentGlobal_CardLoadingOverlay /> : ""}
-      </Card>
+      </ComponentGlobal_CardStyles>
+
+      {/* <Card
+        style={{
+          padding: "15px",
+          backgroundColor: AccentColor.darkblue,
+          borderRadius: "10px",
+          border: `2px solid ${AccentColor.blue}`,
+          color: "white",
+          marginBottom: "15px",
+          marginInline: "15px",
+        }}
+       
+      ></Card> */}
     </>
   );
 }

src/app_modules/investasi/_ui/main/ui_beranda.tsx

@@ -1,9 +1,5 @@
 "use client";
 
-import mqtt_client from "@/util/mqtt_client";
-import { useShallowEffect } from "@mantine/hooks";
-import React, { useState } from "react";
-import { Investasi_ComponentButtonUpdateBeranda } from "../../_component/main/comp_update_beranda";
 import { MODEL_INVESTASI } from "../../_lib/interface";
 import { Investasi_ViewBeranda } from "../../_view";
 

src/app_modules/investasi/create/view.tsx

@@ -30,13 +30,14 @@ import {
   Text,
   TextInput,
 } from "@mantine/core";
-import { IconUpload } from "@tabler/icons-react";
+import { IconCamera, IconUpload } from "@tabler/icons-react";
 import { useAtom } from "jotai";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { funCreateInvestasi } from "../fun/fun_create_investasi";
 import { gs_investas_menu, gs_investasi_status } from "../g_state";
+import { ComponentGlobal_BoxUploadImage } from "@/app_modules/_global/component";
 
 export default function InvestasiCreate({
   pencarianInvestor,
@@ -48,7 +49,7 @@ export default function InvestasiCreate({
   pembagianDeviden: MODEL_DEFAULT_MASTER_OLD[];
 }) {
   const router = useRouter();
-  const [fl, setFl] = useState<File | null>(null);
+  const [file, setFile] = useState<File | null>(null);
   const [img, setImg] = useState<any | null>();
   const [pdf, setPdf] = useState<File | null>(null);
   const [filePdf, setFilePdf] = useState<any | null>(null);
@@ -83,11 +84,11 @@ export default function InvestasiCreate({
     };
 
     // if (_.values(body).includes("")) return toast("Lengkapi data");
-    if (!fl) return ComponentGlobal_NotifikasiPeringatan("Gambar Kosong");
+    if (!file) return ComponentGlobal_NotifikasiPeringatan("Gambar Kosong");
     if (!pdf) return ComponentGlobal_NotifikasiPeringatan("File Kosong");
 
     const gmbr = new FormData();
-    gmbr.append("file", fl as any);
+    gmbr.append("file", file as any);
 
     const flPdf = new FormData();
     flPdf.append("file", pdf as any);
@@ -138,38 +139,27 @@ export default function InvestasiCreate({
 
   return (
     <>
-      <Box>
-        {/* Inputan Create */}
-        <Stack spacing={"sm"} px={"md"}>
-          {img ? (
-            <AspectRatio ratio={1 / 1} mah={300}>
-              <Paper
-                style={{
-                  border: `2px solid ${AccentColor.softblue}`,
-                  backgroundColor: AccentColor.blue,
-                  padding: "10px",
-                  borderRadius: "10px",
-                }}
-              >
+      <Stack px={"xs"}>
+        <Stack spacing={0}>
+          <ComponentGlobal_BoxUploadImage>
+            {img ? (
+              <AspectRatio ratio={1 / 1} mah={265} mx={"auto"}>
                 <Image
+                  style={{ maxHeight: 250, margin: "auto", padding: "5px" }}
                   alt="Foto"
-                  src={img ? img : "/aset/no-img.png"}
-                  maw={200}
+                  height={250}
+                  src={img}
                 />
-              </Paper>
-            </AspectRatio>
-          ) : (
-            <Center>
-              <Paper h={300} w={200} withBorder shadow="lg" bg={"gray.1"}>
-                <Stack justify="center" align="center" h={"100%"}>
-                  <IconUpload color="gray" />
-                  <Text fz={10} fs={"italic"} c={"gray"} fw={"bold"}>
-                    Upload Gambar
-                  </Text>
-                </Stack>
-              </Paper>
-            </Center>
-          )}
+              </AspectRatio>
+            ) : (
+              <Stack justify="center" align="center" h={"100%"}>
+                <IconUpload color="white" />
+                <Text fz={10} fs={"italic"} c={"white"} fw={"bold"}>
+                  Upload Gambar
+                </Text>
+              </Stack>
+            )}
+          </ComponentGlobal_BoxUploadImage>
 
           {/* Upload Foto */}
           <Group position="center" mb={"md"}>
@@ -185,7 +175,7 @@ export default function InvestasiCreate({
                     ComponentGlobal_WarningMaxUpload({});
                   } else {
                     setImg(buffer);
-                    setFl(files);
+                    setFile(files);
                   }
                 } catch (error) {
                   console.log(error);
@@ -196,7 +186,7 @@ export default function InvestasiCreate({
               {(props) => (
                 <Button
                   {...props}
-                  leftIcon={<IconUpload size={12} />}
+                  leftIcon={<IconCamera color="black" />}
                   radius={50}
                   bg={MainColor.yellow}
                   color="yellow"
@@ -207,287 +197,287 @@ export default function InvestasiCreate({
               )}
             </FileButton>
           </Group>
+        </Stack>
 
-          {/* Upload File */}
-          <Group position="center">
-            {!pdf ? (
-              <Paper
-                w={"100%"}
-                style={{
-                  border: `2px solid gray`,
-                  backgroundColor: "gray.1",
-                  padding: "10px",
-                  borderRadius: "10px",
-                  color: "gray",
-                }}
-              >
-                <Text>Upload File Prospektus</Text>
-              </Paper>
-            ) : (
-              <Paper
-                w={"100%"}
-                style={{
-                  border: `2px solid ${AccentColor.softblue}`,
-                  backgroundColor: AccentColor.blue,
-                  padding: "10px",
-                  borderRadius: "10px",
-                  color: "white",
-                }}
-              >
-                <Text lineClamp={1}>{pdf.name}</Text>
-              </Paper>
-            )}
-            {/* {JSON.stringify(filePdf)} */}
-            <FileButton
-              accept={"application/pdf"}
-              onChange={async (files: any) => {
-                try {
-                  const buffer = URL.createObjectURL(
-                    new Blob([new Uint8Array(await files.arrayBuffer())])
-                  );
-
-                  if (files.size > maksimalUploadFile) {
-                    ComponentGlobal_WarningMaxUpload({});
-                  } else {
-                    setFilePdf(buffer);
-                    setPdf(files);
-                  }
-                } catch (error) {
-                  console.log(error);
-                }
+        {/* Upload File */}
+        <Group position="center">
+          {!pdf ? (
+            <Paper
+              w={"100%"}
+              style={{
+                border: `2px solid gray`,
+                backgroundColor: "gray.1",
+                padding: "10px",
+                borderRadius: "10px",
+                color: "gray",
               }}
             >
-              {(props) => (
-                <Button
-                  leftIcon={<IconUpload size={12} />}
-                  {...props}
-                  radius={"xl"}
-                  bg={MainColor.yellow}
-                  color="yellow"
-                  c={"black"}
-                >
-                  Upload File
-                </Button>
-              )}
-            </FileButton>
-          </Group>
-          <TextInput
-            styles={{
-              label: {
+              <Text>Upload File Prospektus</Text>
+            </Paper>
+          ) : (
+            <Paper
+              w={"100%"}
+              style={{
+                border: `2px solid ${AccentColor.softblue}`,
+                backgroundColor: AccentColor.blue,
+                padding: "10px",
+                borderRadius: "10px",
                 color: "white",
-              },
-            }}
-            withAsterisk
-            label="Judul Investasi"
-            placeholder="Judul investasi"
-            maxLength={100}
-            onChange={(val) => {
-              setValue({
-                ...value,
-                title: val.target.value,
-              });
-            }}
-          />
+              }}
+            >
+              <Text lineClamp={1}>{pdf.name}</Text>
+            </Paper>
+          )}
+          {/* {JSON.stringify(filePdf)} */}
+          <FileButton
+            accept={"application/pdf"}
+            onChange={async (files: any) => {
+              try {
+                const buffer = URL.createObjectURL(
+                  new Blob([new Uint8Array(await files.arrayBuffer())])
+                );
 
-          <TextInput
-            styles={{
-              label: {
-                color: "white",
-              },
+                if (files.size > maksimalUploadFile) {
+                  ComponentGlobal_WarningMaxUpload({});
+                } else {
+                  setFilePdf(buffer);
+                  setPdf(files);
+                }
+              } catch (error) {
+                console.log(error);
+              }
             }}
-            icon={<Text fw={"bold"}>Rp.</Text>}
-            min={0}
-            withAsterisk
-            label="Dana Dibutuhkan"
-            placeholder="0"
-            value={target}
-            onChange={(val) => {
-              // console.log(typeof val)
+          >
+            {(props) => (
+              <Button
+                leftIcon={<IconUpload size={12} />}
+                {...props}
+                radius={"xl"}
+                bg={MainColor.yellow}
+                color="yellow"
+                c={"black"}
+              >
+                Upload File
+              </Button>
+            )}
+          </FileButton>
+        </Group>
+        <TextInput
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          withAsterisk
+          label="Judul Investasi"
+          placeholder="Judul investasi"
+          maxLength={100}
+          onChange={(val) => {
+            setValue({
+              ...value,
+              title: val.target.value,
+            });
+          }}
+        />
+
+        <TextInput
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          icon={<Text fw={"bold"}>Rp.</Text>}
+          min={0}
+          withAsterisk
+          label="Dana Dibutuhkan"
+          placeholder="0"
+          value={target}
+          onChange={(val) => {
+            // console.log(typeof val)
+            const match = val.currentTarget.value
+              .replace(/\./g, "")
+              .match(/^[0-9]+$/);
+
+            if (val.currentTarget.value === "") return setTarget(0 + "");
+            if (!match?.[0]) return null;
+
+            const nilai = val.currentTarget.value.replace(/\./g, "");
+            const targetNilai = Intl.NumberFormat("id-ID").format(+nilai);
+
+            setTarget(targetNilai);
+            setValue({
+              ...value,
+              targetDana: +nilai,
+            });
+          }}
+        />
+
+        <TextInput
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          icon={<Text fw={"bold"}>Rp.</Text>}
+          min={0}
+          withAsterisk
+          label="Harga Per Lembar"
+          placeholder="0"
+          value={harga}
+          onChange={(val) => {
+            try {
+              // console.log(typeof +val.currentTarget.value);
+
               const match = val.currentTarget.value
                 .replace(/\./g, "")
                 .match(/^[0-9]+$/);
 
-              if (val.currentTarget.value === "") return setTarget(0 + "");
+              if (val.currentTarget.value === "") return setHarga(0 + "");
+
               if (!match?.[0]) return null;
 
               const nilai = val.currentTarget.value.replace(/\./g, "");
               const targetNilai = Intl.NumberFormat("id-ID").format(+nilai);
 
-              setTarget(targetNilai);
+              onTotalLembar({
+                target: value.targetDana,
+                harga: +nilai,
+              });
+
+              setHarga(targetNilai);
               setValue({
                 ...value,
-                targetDana: +nilai,
+                hargaLembar: +nilai,
               });
-            }}
-          />
+            } catch (error) {
+              console.log(error);
+            }
+          }}
+        />
 
-          <TextInput
-            styles={{
-              label: {
-                color: "white",
-              },
-            }}
-            icon={<Text fw={"bold"}>Rp.</Text>}
-            min={0}
-            withAsterisk
-            label="Harga Per Lembar"
-            placeholder="0"
-            value={harga}
-            onChange={(val) => {
-              try {
-                // console.log(typeof +val.currentTarget.value);
-
-                const match = val.currentTarget.value
-                  .replace(/\./g, "")
-                  .match(/^[0-9]+$/);
-
-                if (val.currentTarget.value === "") return setHarga(0 + "");
-
-                if (!match?.[0]) return null;
-
-                const nilai = val.currentTarget.value.replace(/\./g, "");
-                const targetNilai = Intl.NumberFormat("id-ID").format(+nilai);
-
-                onTotalLembar({
-                  target: value.targetDana,
-                  harga: +nilai,
-                });
-
-                setHarga(targetNilai);
-                setValue({
-                  ...value,
-                  hargaLembar: +nilai,
-                });
-              } catch (error) {
-                console.log(error);
-              }
-            }}
-          />
-
-          <Stack spacing={3} style={{ color: "white" }}>
-            <Text fz={"sm"} fw={500}>
-              Total Lembar
-            </Text>
-            <Stack spacing={0}>
-              <Text>{totalLembar}</Text>
-              <Divider />
-            </Stack>
-            <Text fz={10} fs={"italic"}>
-              *Total lembar dihitung dari, Target Dana : Harga Perlembar
-            </Text>
+        <Stack spacing={3} style={{ color: "white" }}>
+          <Text fz={"sm"} fw={500}>
+            Total Lembar
+          </Text>
+          <Stack spacing={0}>
+            <Text>{totalLembar}</Text>
+            <Divider />
           </Stack>
-
-          <TextInput
-            styles={{
-              label: {
-                color: "white",
-              },
-            }}
-            rightSection={
-              <Text fw={"bold"} c={"gray"}>
-                %
-              </Text>
-            }
-            withAsterisk
-            type="number"
-            label={"Rasio Keuntungan / ROI %"}
-            placeholder="Masukan rasio keuntungan"
-            onChange={(val) => {
-              setValue({
-                ...value,
-                roi: _.toNumber(val.target.value),
-              });
-            }}
-          />
-
-          <Select
-            styles={{
-              label: {
-                color: "white",
-              },
-            }}
-            withAsterisk
-            label="Pencarian Investor"
-            placeholder="Pilih batas waktu"
-            data={pencarianInvestor.map((e) => ({
-              value: e.id,
-              label: e.name + " " + "hari",
-            }))}
-            onChange={(val) => {
-              setValue({
-                ...(value as any),
-                pencarianInvestorId: val,
-              });
-            }}
-          />
-          <Select
-            styles={{
-              label: {
-                color: "white",
-              },
-            }}
-            withAsterisk
-            label="Periode Deviden"
-            placeholder="Pilih batas waktu"
-            data={periodeDeviden.map((e) => ({ value: e.id, label: e.name }))}
-            onChange={(val) => {
-              setValue({
-                ...(value as any),
-                periodeDevidenId: val,
-              });
-            }}
-          />
-          <Select
-            styles={{
-              label: {
-                color: "white",
-              },
-            }}
-            withAsterisk
-            label="Pembagian Deviden"
-            placeholder="Pilih batas waktu"
-            data={pembagianDeviden.map((e) => ({
-              value: e.id,
-              label: e.name + " " + "bulan",
-            }))}
-            onChange={(val) => {
-              setValue({
-                ...(value as any),
-                pembagianDevidenId: val,
-              });
-            }}
-          />
-
-          <Button
-            my={"xl"}
-            style={{
-              transition: "0.5s",
-            }}
-            loaderPosition="center"
-            loading={isLoading ? true : false}
-            disabled={
-              value.title === "" ||
-              value.hargaLembar === 0 ||
-              value.targetDana === 0 ||
-              value.roi === 0 ||
-              value.pencarianInvestorId === "" ||
-              value.periodeDevidenId === "" ||
-              value.pembagianDevidenId === "" ||
-              fl === null ||
-              filePdf === null
-                ? true
-                : false
-            }
-            radius={50}
-            bg={MainColor.yellow}
-            color="yellow"
-            c={"black"}
-            onClick={() => onSubmit()}
-          >
-            Simpan
-          </Button>
+          <Text fz={10} fs={"italic"}>
+            *Total lembar dihitung dari, Target Dana : Harga Perlembar
+          </Text>
         </Stack>
-      </Box>
+
+        <TextInput
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          rightSection={
+            <Text fw={"bold"} c={"gray"}>
+              %
+            </Text>
+          }
+          withAsterisk
+          type="number"
+          label={"Rasio Keuntungan / ROI %"}
+          placeholder="Masukan rasio keuntungan"
+          onChange={(val) => {
+            setValue({
+              ...value,
+              roi: _.toNumber(val.target.value),
+            });
+          }}
+        />
+
+        <Select
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          withAsterisk
+          label="Pencarian Investor"
+          placeholder="Pilih batas waktu"
+          data={pencarianInvestor.map((e) => ({
+            value: e.id,
+            label: e.name + " " + "hari",
+          }))}
+          onChange={(val) => {
+            setValue({
+              ...(value as any),
+              pencarianInvestorId: val,
+            });
+          }}
+        />
+        <Select
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          withAsterisk
+          label="Periode Deviden"
+          placeholder="Pilih batas waktu"
+          data={periodeDeviden.map((e) => ({ value: e.id, label: e.name }))}
+          onChange={(val) => {
+            setValue({
+              ...(value as any),
+              periodeDevidenId: val,
+            });
+          }}
+        />
+        <Select
+          styles={{
+            label: {
+              color: "white",
+            },
+          }}
+          withAsterisk
+          label="Pembagian Deviden"
+          placeholder="Pilih batas waktu"
+          data={pembagianDeviden.map((e) => ({
+            value: e.id,
+            label: e.name + " " + "bulan",
+          }))}
+          onChange={(val) => {
+            setValue({
+              ...(value as any),
+              pembagianDevidenId: val,
+            });
+          }}
+        />
+
+        <Button
+          my={"xl"}
+          style={{
+            transition: "0.5s",
+          }}
+          loaderPosition="center"
+          loading={isLoading ? true : false}
+          disabled={
+            value.title === "" ||
+            value.hargaLembar === 0 ||
+            value.targetDana === 0 ||
+            value.roi === 0 ||
+            value.pencarianInvestorId === "" ||
+            value.periodeDevidenId === "" ||
+            value.pembagianDevidenId === "" ||
+            file === null ||
+            filePdf === null
+              ? true
+              : false
+          }
+          radius={50}
+          bg={MainColor.yellow}
+          color="yellow"
+          c={"black"}
+          onClick={() => onSubmit()}
+        >
+          Simpan
+        </Button>
+      </Stack>
     </>
   );
 }

src/app_modules/investasi/detail/view.tsx

@@ -119,8 +119,8 @@ export default function DetailInvestasi({
         }}
       >
         {/* Foto username dan sisa waktu */}
-        <ComponentGlobal_AvatarAndAuthorName
-          dataUser={dataInvestasi.author as any}
+        {/* <ComponentGlobal_AvatarAndAuthorName
+          dataUser={dataInvestasi.author.Profile as any}
           componentRight={
             data.MasterProgresInvestasi.id === "1" ? (
               <Box>
@@ -174,7 +174,7 @@ export default function DetailInvestasi({
               </Box>
             )
           }
-        />
+        /> */}
 
         <AspectRatio ratio={1 / 1} mx={"sm"} mah={250}>
           <Image

src/app_modules/investasi/detail_saham_terbeli/layout.tsx

@@ -1,19 +0,0 @@
-"use client";
-
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import React from "react";
-
-export default function LayoutDetailSahamTerbeli({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <>
-      <UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Saham Terbeli" />}>
-        {children}
-      </UIGlobal_LayoutTamplate>
-    </>
-  );
-}

src/app_modules/investasi/detail_saham_terbeli/view.tsx

@@ -1,379 +0,0 @@
-"use client";
-
-import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
-import { Warna } from "@/app/lib/warna";
-import {
-  ActionIcon,
-  AspectRatio,
-  Avatar,
-  Box,
-  Button,
-  Center,
-  Divider,
-  Flex,
-  Grid,
-  Group,
-  Image,
-  Paper,
-  Progress,
-  Slider,
-  Stack,
-  Text,
-  Title,
-} from "@mantine/core";
-import {
-  IconBookDownload,
-  IconCircleCheck,
-  IconFileDescription,
-  IconSpeakerphone,
-} from "@tabler/icons-react";
-import { useRouter } from "next/navigation";
-import { MODEL_Transaksi_Investasi } from "../_lib/interface";
-import { useState } from "react";
-import moment from "moment";
-import _ from "lodash";
-import { AccentColor } from "@/app_modules/_global/color/color_pallet";
-import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_name_on_header";
-
-export default function DetailSahamTerbeli({
-  dataTransaksi,
-  investor,
-}: {
-  dataTransaksi: MODEL_Transaksi_Investasi;
-  investor: number;
-}) {
-  const router = useRouter();
-  const [investasi, setINvestasi] = useState(dataTransaksi);
-  const listBox = [
-    {
-      id: 1,
-      name: "Prospektus",
-      icon: <IconBookDownload size={70} color="white" />,
-      route: RouterInvestasi_OLD.detail_prospektus,
-    },
-    {
-      id: 2,
-      name: "Dokumen",
-      icon: <IconFileDescription size={70} color="white" />,
-      route: RouterInvestasi_OLD.detail_dokumen,
-    },
-    {
-      id: 3,
-      name: "Berita",
-      icon: <IconSpeakerphone size={70} color="white" />,
-      route: RouterInvestasi_OLD.daftar_berita,
-    },
-  ];
-
-  return (
-    <>
-      <Stack>
-        {/* Saham Terbeli */}
-        <Stack
-          style={{
-            padding: "15px",
-            backgroundColor: AccentColor.darkblue,
-            border: `2px solid ${AccentColor.blue}`,
-            borderRadius: "10px",
-            color: "white",
-          }}
-        >
-
-          <Group position="apart">
-            <Group w={"40%"} position="center">
-              <Stack spacing={5} align="center">
-                <Text fw={'bold'}>Total Pembelian</Text>
-                <Text>
-                  Rp.{" "}
-                  {new Intl.NumberFormat("id-ID", {
-                    maximumSignificantDigits: 10,
-                  }).format(+investasi.gross_amount)}
-                </Text>
-              </Stack>
-            </Group>
-
-            <Group w={"40%"} position="center">
-              <Stack spacing={5} align="center">
-                <Text fw={"bold"}>Lembar Dibeli</Text>
-                <Text>
-                  {new Intl.NumberFormat("id-ID", {
-                    maximumSignificantDigits: 10,
-                  }).format(+investasi.quantity)}{" "}
-                  lembar
-                </Text>
-              </Stack>
-            </Group>
-          </Group>
-        </Stack>
-
-        <Stack
-          style={{
-            padding: "15px",
-            backgroundColor: AccentColor.darkblue,
-            border: `2px solid ${AccentColor.blue}`,
-            borderRadius: "10px",
-            color: "white",
-            marginBottom: "15px",
-          }}
-        >
-          <Group position="apart" mb={"md"}>
-            <ComponentGlobal_AuthorNameOnHeader
-              authorName={investasi?.Investasi?.author?.username}
-              imagesId={investasi?.Investasi?.author?.Profile?.imagesId}
-              profileId={investasi?.Investasi?.author?.Profile?.id}
-            />
-            {(() => {
-              if (
-                Number(investasi.Investasi.MasterPencarianInvestor.name) -
-                  moment(new Date()).diff(
-                    new Date(investasi.createdAt),
-                    "days"
-                  ) <=
-                0
-              ) {
-                return (
-                  <>
-                    <Group position="right">
-                      <IconCircleCheck color="green" />
-                      <Text c={"green"}>Selesai</Text>
-                    </Group>
-                  </>
-                );
-              } else {
-                return (
-                  <>
-                    <Group position="right" spacing={"xs"}>
-                      {(() => {
-                        if (
-                          Number(
-                            investasi.Investasi.MasterPencarianInvestor.name
-                          ) -
-                            moment(new Date()).diff(
-                              new Date(investasi.Investasi.countDown),
-                              "days"
-                            ) <=
-                          0
-                        ) {
-                          return (
-                            <>
-                              <Group position="right" spacing={"xs"}>
-                                <IconCircleCheck color="green" />
-                                <Text
-                                  truncate
-                                  variant="text"
-                                  c={Warna.hijau_tua}
-                                  sx={{
-                                    fontFamily: "Greycliff CF, sans-serif",
-                                  }}
-                                  ta="center"
-                                  fz="md"
-                                  fw={700}
-                                >
-                                  Waktu Habis
-                                </Text>
-                              </Group>
-                            </>
-                          );
-                        } else {
-                          return (
-                            <>
-                              <Group position="right" spacing={"xs"}>
-                                <Text>Sisa waktu:</Text>
-                                <Text truncate>
-                                  {Number(
-                                    investasi.Investasi.MasterPencarianInvestor
-                                      .name
-                                  ) -
-                                    moment(new Date()).diff(
-                                      new Date(investasi.Investasi.countDown),
-                                      "days"
-                                    )}
-                                </Text>
-                                <Text truncate>Hari</Text>
-                              </Group>
-                            </>
-                          );
-                        }
-                      })()}
-                    </Group>
-                  </>
-                );
-              }
-            })()}
-          </Group>
-
-          {/* Gambar Investasi */}
-          <AspectRatio ratio={1 / 1} mah={250} mx={"sm"}>
-            <Image
-              radius={"sm"}
-              height={250}
-              width={"100%"}
-              alt=""
-              src={
-                RouterInvestasi_OLD.api_gambar + `${investasi.Investasi.imagesId}`
-              }
-            />
-          </AspectRatio>
-
-          {/* Title dan Persentase */}
-          <Box mb={"md"}>
-            <Title align="center" order={3} mb={"xs"}>
-              {investasi.Investasi.title}
-            </Title>
-            <Progress
-              label={
-                "" +
-                (
-                  ((+investasi.Investasi.totalLembar -
-                    +investasi.Investasi.sisaLembar) /
-                    +investasi.Investasi.totalLembar) *
-                  100
-                ).toFixed(1) +
-                "%"
-              }
-              value={
-                +(
-                  ((+investasi.Investasi.totalLembar -
-                    +investasi.Investasi.sisaLembar) /
-                    +investasi.Investasi.totalLembar) *
-                  100
-                ).toFixed(2)
-              }
-              color="teal"
-              size="xl"
-              radius="xl"
-            />
-          </Box>
-
-          {/* Rincian Data */}
-          <Grid p={"md"}>
-            <Grid.Col span={6}>
-              <Stack>
-                {/* <Box>
-              <Text>Terkumpul</Text>
-              <Text>Rp. </Text>
-            </Box> */}
-                <Box>
-                  <Text>Dana Dibutuhkan</Text>
-                  <Text>
-                    Rp.{" "}
-                    {new Intl.NumberFormat("id-ID", {
-                      maximumSignificantDigits: 10,
-                    }).format(+investasi.Investasi.targetDana)}
-                  </Text>
-                </Box>
-                <Box>
-                  <Text>Harga Per Lembar</Text>
-                  <Text>
-                    Rp.{" "}
-                    {new Intl.NumberFormat("id-ID", {
-                      maximumSignificantDigits: 10,
-                    }).format(+investasi.Investasi.hargaLembar)}
-                  </Text>
-                </Box>
-                <Box>
-                  <Text>Jadwal Pembagian</Text>
-                  <Text>
-                    {investasi.Investasi.MasterPembagianDeviden.name} bulan{" "}
-                  </Text>
-                </Box>
-                <Box>
-                  <Text>Pembagian Deviden</Text>
-                  <Text>{investasi.Investasi.MasterPeriodeDeviden.name}</Text>
-                </Box>
-              </Stack>
-            </Grid.Col>
-            <Grid.Col span={6}>
-              <Stack>
-                <Box>
-                  <Text>Investor</Text>
-                  <Text>
-                    {new Intl.NumberFormat("id-ID", {
-                      maximumSignificantDigits: 10,
-                    }).format(investor)}{" "}
-                  </Text>
-                </Box>
-                <Box>
-                  <Text>ROI</Text>
-                  <Text>{investasi.Investasi.roi}%</Text>
-                </Box>
-                <Box>
-                  <Text>Total Lembar</Text>
-                  <Text>
-                    {new Intl.NumberFormat("id-ID", {
-                      maximumSignificantDigits: 10,
-                    }).format(+investasi.Investasi.totalLembar)}{" "}
-                    lembar
-                  </Text>
-                </Box>
-                <Box>
-                  <Text>Sisa Lembar</Text>
-                  <Text>
-                    {new Intl.NumberFormat("id-ID", {
-                      maximumSignificantDigits: 10,
-                    }).format(+investasi.Investasi.sisaLembar)}{" "}
-                    lembar
-                  </Text>
-                </Box>
-              </Stack>
-            </Grid.Col>
-          </Grid>
-
-          {/* List Box */}
-          <Group position="apart" px={"lg"}>
-            {listBox.map((e, i) => (
-              <Paper
-                key={i}
-                style={{
-                  padding: "15px",
-                  backgroundColor: AccentColor.blue,
-                  border: `2px solid ${AccentColor.softblue}`,
-                  borderRadius: "10px",
-                  color: "white",
-                }}
-              >
-                <Flex direction={"column"} align={"center"} justify={"center"}>
-                  <Text fz={12}>{e.name}</Text>
-                  <ActionIcon
-                    radius={"xl"}
-                    variant="transparent"
-                    size={60}
-                    onClick={() => router.push(e.route + `${investasi.Investasi.id}`)}
-                  >
-                    {e.icon}
-                  </ActionIcon>
-                </Flex>
-              </Paper>
-            ))}
-          </Group>
-
-          {/* 
-        <Grid mb={"sm"} justify="center">
-          {listBox.map((e) => (
-            <Grid.Col
-              span={"auto"}
-              key={e.id}
-              onClick={() => router.push(e.route + `${investasi.Investasi.id}`)}
-            >
-              <Center>
-                <Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
-                  <Flex
-                    direction={"column"}
-                    align={"center"}
-                    justify={"center"}
-                  >
-                    <Text fz={12}>{e.name}</Text>
-                    <ActionIcon variant="transparent" size={60}>
-                      {e.icon}
-                    </ActionIcon>
-                  </Flex>
-                </Paper>
-              </Center>
-            </Grid.Col>
-          ))}
-        </Grid> */}
-        </Stack>
-      </Stack>
-    </>
-  );
-}

src/app_modules/investasi/index.ts

@@ -22,8 +22,6 @@ import EditDokumenInvestasi from "./edit_dokumen/view";
 import LayoutEditDokumenInvestasi from "./edit_dokumen/layout";
 import EditBeritaInvestasi from "./edit_berita/view";
 import LayoutEditBeritaInvestasi from "./edit_berita/layout";
-import DetailSahamTerbeli from "./detail_saham_terbeli/view";
-import LayoutDetailSahamTerbeli from "./detail_saham_terbeli/layout";
 import DetailPropektus from "./detail_prospektus/view";
 import LayoutDetailPropektus from "./detail_prospektus/layout";
 import DetailDokumenInvestasi from "./detail_dokumen/view";
@@ -91,8 +89,6 @@ export {
   LayoutEditDokumenInvestasi,
   EditBeritaInvestasi,
   LayoutEditBeritaInvestasi,
-  DetailSahamTerbeli,
-  LayoutDetailSahamTerbeli,
   DetailPropektus,
   LayoutDetailPropektus,
   DetailDokumenInvestasi,