wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #309 from bipproduction/Nico/13-feb-25

Browse Source 
API Admin Investasi Detail Review & Detail Publish
This commit is contained in:
Bagasbanuna02
2025-02-14 11:05:18 +08:00
committed by GitHub
parent b21c17027a 4b33750058
commit a0933acc40
16 changed files with 268 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/api/admin/event/[id]/peserta/route.ts
View File

@@ -25,6 +25,7 @@ export async function GET(request: Request,
User: { User: {
username: { username: {
contains: search ? search : "", contains: search ? search : "",
mode: "insensitive",
} }
} }
@@ -47,6 +48,7 @@ export async function GET(request: Request,
User: { User: {
username: { username: {
contains: search ? search : "", contains: search ? search : "",
mode: "insensitive",
} }
} }
}, },
@@ -63,6 +65,12 @@ export async function GET(request: Request,
const nCount = await prisma.event_Peserta.count({ const nCount = await prisma.event_Peserta.count({
where: { where: {
eventId: eventId, eventId: eventId,
User: {
username: {
contains: search ? search : "",
mode: "insensitive",
}
}
}, },
}); });

5
src/app/api/admin/investasi/detail/[id]/route.ts → src/app/api/admin/investasi/[id]/detail/route.ts
View File

@@ -5,13 +5,14 @@ import { NextResponse } from "next/server";
export async function GET(req: Request, export async function GET(req: Request,
{ params }: { params: { id: string } }) { { params }: { params: { id: string } }) {
console.log("Ini ID", params.id);
try { try {
const { id } = params; const { id } = params;
const investasiId = id;
const data = await prisma.investasi.findUnique({ const data = await prisma.investasi.findUnique({
where: { where: {
id: id, id: investasiId,
}, },
select: { select: {
imageId: true, imageId: true,

0
src/app/api/admin/investasi/[status]/route.ts → src/app/api/admin/investasi/status/[status]/route.ts
View File

5
src/app/api/admin/job/[status]/route.ts
View File

@@ -31,7 +31,7 @@ export async function GET(request: Request, { params }: {
const fixStatus = _.startCase(status); const fixStatus = _.startCase(status);
if (!page) { if (!page) {
const data = await prisma.job.findMany({ fixData = await prisma.job.findMany({
orderBy: { orderBy: {
updatedAt: "desc" updatedAt: "desc"
}, },
@@ -79,6 +79,9 @@ export async function GET(request: Request, { params }: {
where: { where: {
isActive: true, isActive: true,
isArsip: false, isArsip: false,
MasterStatus: {
name: fixStatus
},
title: { title: {
contains: search ? search : "", contains: search ? search : "",
mode: "insensitive" mode: "insensitive"

25
src/app/dev/admin/investasi/detail/publish/[id]/page.tsx
View File

@@ -1,4 +1,5 @@
import { AdminInvestasi_DetailPublish } from "@/app_modules/admin/investasi"; import { AdminInvestasi_DetailPublish } from "@/app_modules/admin/investasi";
import { apiGetAdminInvestasiById } from "@/app_modules/admin/investasi/_lib/api_fetch_admin_investasi";
import { import {
adminInvestasi_funGetAllTransaksiById, adminInvestasi_funGetAllTransaksiById,
adminInvestasi_getStatusInvestasi, adminInvestasi_getStatusInvestasi,
@@ -7,20 +8,24 @@ import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_b
export default async function Page({ params }: { params: { id: string } }) { export default async function Page({ params }: { params: { id: string } }) {
const investasiId = params.id; const investasiId = params.id;
const dataInvestasi = await getOneInvestasiById(investasiId);
const statusTransaksi = await adminInvestasi_getStatusInvestasi(); const statusTransaksi = await adminInvestasi_getStatusInvestasi();
const dataTransaksi = await adminInvestasi_funGetAllTransaksiById({ const dataTransaksi = await adminInvestasi_funGetAllTransaksiById({
investasiId, investasiId,
page: 1, page: 1,
}); });
// export default async function Page({ params }: { params: { id: string } }) {
// const investasiId = params.id;
// const dataInvestasi = await getOneInvestasiById(investasiId);
// const statusTransaksi = await adminInvestasi_getStatusInvestasi();
// const dataTransaksi = await adminInvestasi_funGetAllTransaksiById({
// investasiId,
// page: 1,
// });
return ( return (
<> <>
<AdminInvestasi_DetailPublish <AdminInvestasi_DetailPublish dataTransaksi={dataTransaksi as any}
data={dataInvestasi as any} statusTransaksi={statusTransaksi as any}
dataTransaksi={dataTransaksi as any}
statusTransaksi={statusTransaksi}
investasiId={investasiId as any}
/> />
</> </>
); );

7
src/app/dev/admin/investasi/detail/review/[id]/page.tsx
View File

@@ -1,13 +1,12 @@
import { Admin_KonfirmasiInvestasi } from "@/app_modules/admin/investasi"; import { Admin_KonfirmasiInvestasi } from "@/app_modules/admin/investasi";
import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id"; import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
export default async function Page({ params }: { params: { id: string } }) { export default async function Page() {
const investasiId = params.id;
const dataInvestasi = await getOneInvestasiById(investasiId);
return ( return (
<> <>
<Admin_KonfirmasiInvestasi dataInvestasi={dataInvestasi as any} /> <Admin_KonfirmasiInvestasi />
</> </>
); );
} }

8
src/app/dev/admin/investasi/konfirmasi/[id]/page.tsx
View File

@@ -1,14 +1,14 @@
import { Admin_KonfirmasiInvestasi } from "@/app_modules/admin/investasi"; import { Admin_KonfirmasiInvestasi } from "@/app_modules/admin/investasi";
import { adminInvestasi_getOneById } from "@/app_modules/admin/investasi/fun"; import { adminInvestasi_getOneById } from "@/app_modules/admin/investasi/fun";
export default async function Page({ params }: { params: { id: string } }) { export default async function Page() {
const investasiId = params.id; // const investasiId = params.id;
const dataInvestasi = await adminInvestasi_getOneById({investasiId}); // const dataInvestasi = await adminInvestasi_getOneById({investasiId});
// console.log(dataUser) // console.log(dataUser)
return ( return (
<> <>
<Admin_KonfirmasiInvestasi dataInvestasi={dataInvestasi as any} /> <Admin_KonfirmasiInvestasi />
</> </>
); );
} }

87
src/app_modules/admin/investasi/_component/detail_data_author.tsx
View File

@@ -1,55 +1,56 @@
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { MODEL_USER } from "@/app_modules/home/model/interface"; import { MODEL_USER } from "@/app_modules/home/model/interface";
import { Paper, Stack, Title, Grid, Text } from "@mantine/core"; import { Paper, Stack, Title, Grid, Text } from "@mantine/core";
export function ComponentAdminInvestasi_DetailDataAuthor({ export function ComponentAdminInvestasi_DetailDataAuthor({
data, data,
}: { }: {
data: any; data: MODEL_USER;
}) { }) {
return ( return (
<>
{!data ? (<CustomSkeleton height={"50vh"} width={"100%"} />)
: (<Paper bg={AdminColor.softBlue} p={"lg"}>
<Stack c={AdminColor.white}>
<Paper bg={AdminColor.softBlue} p={"lg"}> <Title order={3}>Data User</Title>
<Stack c={AdminColor.white}> <Stack spacing={"xs"}>
<Title order={3}>Data User</Title> <Grid>
<Stack spacing={"xs"}> <Grid.Col span={6}>
<Grid> <Text fw={"bold"}>Nama:</Text>
<Grid.Col span={6}> </Grid.Col>
<Text fw={"bold"}>Nama:</Text> <Grid.Col span={6}>
</Grid.Col> <Text>{data?.Profile?.name}</Text>
<Grid.Col span={6}> </Grid.Col>
<Text>{data?.Profile?.name}</Text> </Grid>
</Grid.Col> <Grid>
</Grid> <Grid.Col span={6}>
<Grid> <Text fw={"bold"}>Username:</Text>
<Grid.Col span={6}> </Grid.Col>
<Text fw={"bold"}>Username:</Text> <Grid.Col span={6}>
</Grid.Col> <Text>@{data?.username}</Text>
<Grid.Col span={6}> </Grid.Col>
<Text>@{data?.username}</Text> </Grid>
</Grid.Col> <Grid>
</Grid> <Grid.Col span={6}>
<Grid> <Text fw={"bold"}>Nomor:</Text>
<Grid.Col span={6}> </Grid.Col>
<Text fw={"bold"}>Nomor:</Text> <Grid.Col span={6}>
</Grid.Col> <Text>+ {data?.nomor}</Text>
<Grid.Col span={6}> </Grid.Col>
<Text>+ {data?.nomor}</Text> </Grid>
</Grid.Col> <Grid>
</Grid> <Grid.Col span={6}>
<Grid> <Text fw={"bold"}>Alamat:</Text>
<Grid.Col span={6}> </Grid.Col>
<Text fw={"bold"}>Alamat:</Text> <Grid.Col span={6}>
</Grid.Col> <Text>{data?.Profile?.alamat}</Text>
<Grid.Col span={6}> </Grid.Col>
<Text>{data?.Profile?.alamat}</Text> </Grid>
</Grid.Col> </Stack>
</Grid>
</Stack> </Stack>
</Stack> </Paper>)}
</Paper> </>
); );
} }
{/* <CustomSkeleton height={"80vh"} width={"100%"} /> */ }

136
src/app_modules/admin/investasi/_component/detail_data_investasi.tsx
View File

@@ -1,83 +1,85 @@
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Paper, Stack, Title, Grid, Box, Text } from "@mantine/core"; import { Paper, Stack, Title, Grid, Box, Text } from "@mantine/core";
export function ComponentAdminInvestasi_DetailData({ data }: { data: any }) { export function ComponentAdminInvestasi_DetailData({ data }: { data: any }) {
return ( return (
<> <>
<Paper bg={AdminColor.softBlue} p={"lg"}> {!data ? (<CustomSkeleton height={"50vh"} width={"100%"} />) :
<Stack c={AdminColor.white}> (<Paper bg={AdminColor.softBlue} p={"lg"}>
<Title order={3}>Rincian Data Investasi</Title> <Stack c={AdminColor.white}>
<Grid justify="center"> <Title order={3}>Rincian Data Investasi</Title>
<Grid.Col span={6}> <Grid justify="center">
<Stack> <Grid.Col span={6}>
<Box> <Stack>
<Text>Judul</Text> <Box>
<Text fw={"bold"}>{data?.title}</Text> <Text>Judul</Text>
</Box> <Text fw={"bold"}>{data?.title}</Text>
</Box>
<Box> <Box>
<Text>Dana Dibutuhkan</Text> <Text>Dana Dibutuhkan</Text>
<Text fw={"bold"}> <Text fw={"bold"}>
Rp.{" "} Rp.{" "}
{new Intl.NumberFormat("id-ID", { {new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10, maximumFractionDigits: 10,
}).format(+data.targetDana)} }).format(+data?.targetDana)}
</Text> </Text>
</Box> </Box>
<Box> <Box>
<Text>Harga Per Lembar</Text> <Text>Harga Per Lembar</Text>
<Text fw={"bold"}> <Text fw={"bold"}>
Rp.{" "} Rp.{" "}
{new Intl.NumberFormat("id-ID", { {new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10, maximumFractionDigits: 10,
}).format(+data.hargaLembar)}{" "} }).format(+data?.hargaLembar)}{" "}
</Text> </Text>
</Box> </Box>
<Box> <Box>
<Text>Total Lembar</Text> <Text>Total Lembar</Text>
<Text fw={"bold"}> <Text fw={"bold"}>
{" "} {" "}
{new Intl.NumberFormat("id-ID", { {new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10, maximumFractionDigits: 10,
}).format(+data.totalLembar)}{" "} }).format(+data?.totalLembar)}{" "}
lembar lembar
</Text> </Text>
</Box> </Box>
</Stack> </Stack>
</Grid.Col> </Grid.Col>
<Grid.Col span={6}> <Grid.Col span={6}>
<Stack> <Stack>
<Box> <Box>
<Text>ROI</Text> <Text>ROI</Text>
<Text fw={"bold"}>{data.roi} %</Text> <Text fw={"bold"}>{data?.roi} %</Text>
</Box> </Box>
<Box> <Box>
<Text>Pembagian Deviden</Text> <Text>Pembagian Deviden</Text>
<Text fw={"bold"}>{data.MasterPeriodeDeviden.name}</Text> <Text fw={"bold"}>{data?.MasterPeriodeDeviden.name}</Text>
</Box> </Box>
<Box> <Box>
<Text>Jadwal Pembagian</Text> <Text>Jadwal Pembagian</Text>
<Text fw={"bold"}> <Text fw={"bold"}>
{data.MasterPembagianDeviden.name} bulan{" "} {data?.MasterPembagianDeviden.name} bulan{" "}
</Text> </Text>
</Box> </Box>
<Box> <Box>
<Text>Pencarian Investor</Text> <Text>Pencarian Investor</Text>
<Text fw={"bold"}> <Text fw={"bold"}>
{data.MasterPencarianInvestor.name} hari{" "} {data?.MasterPencarianInvestor.name} hari{" "}
</Text> </Text>
</Box> </Box>
</Stack> </Stack>
</Grid.Col> </Grid.Col>
</Grid> </Grid>
</Stack> </Stack>
</Paper> </Paper>)}
</> </>
); );
} }

38
src/app_modules/admin/investasi/_component/skeleton_admin_investasi.tsx Normal file
View File

@@ -0,0 +1,38 @@
import CustomSkeleton from '@/app_modules/components/CustomSkeleton';
import { Box, SimpleGrid, Stack } from '@mantine/core';
import React from 'react';
function SkeletonAdminInvestasi() {
return (
<>
<Stack px={"lg"}>
<Box pb={"xl"}>
</Box>
<SimpleGrid
cols={3}
spacing="lg"
breakpoints={[
{ maxWidth: "62rem", cols: 3, spacing: "md" },
{ maxWidth: "48rem", cols: 2, spacing: "sm" },
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
]}
>
<Box>
<CustomSkeleton width={"100%"} height={"40vh"} />
</Box>
<Box>
<CustomSkeleton width={"100%"} height={"40vh"} />
</Box>
<Box>
<CustomSkeleton width={"100%"} height={"40vh"} />
</Box>
</SimpleGrid>
<Box>
<CustomSkeleton width={"100%"} height={"30vh"} />
</Box>
</Stack>
</>
);
}
export default SkeletonAdminInvestasi;

5
src/app_modules/admin/investasi/_lib/api_fetch_admin_investasi.ts
View File

@@ -38,7 +38,7 @@ const apiGetAdminInvestasiByStatus = async ({ status, page, search }: {
const isPage = page ? `?page=${page}` : ""; const isPage = page ? `?page=${page}` : "";
const isSearch = search ? `&search=${search}` : ""; const isSearch = search ? `&search=${search}` : "";
const response = await fetch(`/api/admin/investasi/${status}${isPage}${isSearch}`, { const response = await fetch(`/api/admin/investasi/status/${status}${isPage}${isSearch}`, {
method: "GET", method: "GET",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
@@ -56,7 +56,7 @@ const apiGetAdminInvestasiById = async ({id} : {id: string}) => {
if (!token) return await token.json().catch(() => null); if (!token) return await token.json().catch(() => null);
const response = await fetch(`/api/admin/investasi/detail/${id}`, { const response = await fetch(`/api/admin/investasi/${id}/detail`, {
method: "GET", method: "GET",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
@@ -66,6 +66,5 @@ const apiGetAdminInvestasiById = async ({id} : {id: string}) => {
} }
}) })
console.log("Ini data Response", await response.json())
return await response.json().catch(() => null); return await response.json().catch(() => null);
} }

17
src/app_modules/admin/investasi/_view/detail/view_detail_data.tsx
View File

@@ -4,6 +4,7 @@ import { ComponentAdminInvestasi_DetailDataAuthor } from "../../_component/detai
import { ComponentAdminInvestasi_DetailData } from "../../_component/detail_data_investasi"; import { ComponentAdminInvestasi_DetailData } from "../../_component/detail_data_investasi";
import { ComponentAdminInvestasi_DetailGambar } from "../../_component/detail_gambar_investasi"; import { ComponentAdminInvestasi_DetailGambar } from "../../_component/detail_gambar_investasi";
import { ComponentAdminInvestasi_UIDetailFile } from "../../_component/ui_detail_file"; import { ComponentAdminInvestasi_UIDetailFile } from "../../_component/ui_detail_file";
import SkeletonAdminInvestasi from "../../_component/skeleton_admin_investasi";
export function AdminInvestasi_ViewDetailData({ export function AdminInvestasi_ViewDetailData({
data, data,
@@ -12,6 +13,7 @@ export function AdminInvestasi_ViewDetailData({
}) { }) {
return ( return (
<> <>
{!data ? (<SkeletonAdminInvestasi/>) : ( <>
<SimpleGrid <SimpleGrid
cols={3} cols={3}
spacing="lg" spacing="lg"
@@ -22,20 +24,21 @@ export function AdminInvestasi_ViewDetailData({
]} ]}
> >
{/* Data Author */} {/* Data Author */}
<ComponentAdminInvestasi_DetailDataAuthor data={data.author} /> <ComponentAdminInvestasi_DetailDataAuthor data={data?.author as any} />
{/* Data Foto */} {/* Data Foto */}
<ComponentAdminInvestasi_DetailGambar imagesId={data.imageId} /> <ComponentAdminInvestasi_DetailGambar imagesId={data?.imageId } />
{/* Data Detail */} {/* Data Detail */}
<ComponentAdminInvestasi_DetailData data={data} /> <ComponentAdminInvestasi_DetailData data={data as any} />
</SimpleGrid> </SimpleGrid>
<ComponentAdminInvestasi_UIDetailFile <ComponentAdminInvestasi_UIDetailFile
title={data.title} title={data?.title}
dataProspektus={data.ProspektusInvestasi} dataProspektus={data?.ProspektusInvestasi}
listDokumen={data.DokumenInvestasi} listDokumen={data?.DokumenInvestasi}
prospektusFileId={data.prospektusFileId} prospektusFileId={data?.prospektusFileId}
/> />
</>)}
</> </>
); );
} }

33
src/app_modules/admin/investasi/detail/detail_publish.tsx
View File

@@ -12,18 +12,20 @@ import {
} from "../_view"; } from "../_view";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { gs_admin_invetasi_menu_publish } from "../_lib/global_state"; import { gs_admin_invetasi_menu_publish } from "../_lib/global_state";
import { useParams } from "next/navigation";
import { apiGetAdminInvestasiById } from "../_lib/api_fetch_admin_investasi";
import { clientLogger } from "@/util/clientLogger";
import { useShallowEffect } from "@mantine/hooks";
export function AdminInvestasi_DetailPublish({ export function AdminInvestasi_DetailPublish({
data,
dataTransaksi, dataTransaksi,
statusTransaksi, statusTransaksi,
investasiId,
}: { }: {
data: MODEL_INVESTASI;
dataTransaksi: any[]; dataTransaksi: any[];
statusTransaksi: any[]; statusTransaksi: any[];
investasiId: string; }) {
}) { const params = useParams<{ id: string }>();
const [data, setData] = useState<MODEL_INVESTASI | null>(null);
const [selectPage, setSelectPage] = useAtom(gs_admin_invetasi_menu_publish); const [selectPage, setSelectPage] = useAtom(gs_admin_invetasi_menu_publish);
const listPage = [ const listPage = [
{ {
@@ -43,6 +45,23 @@ export function AdminInvestasi_DetailPublish({
// }, // },
]; ];
useShallowEffect(() => {
loadInitialData()
}, []);
const loadInitialData = async () => {
try {
const response = await apiGetAdminInvestasiById({
id: params.id
})
if (response?.success && response?.data) {
setData(response.data)
}
} catch (error) {
clientLogger.error("Invalid data format recieved:", error)
setData(null);
}
}
return ( return (
<> <>
<Stack > <Stack >
@@ -65,13 +84,13 @@ export function AdminInvestasi_DetailPublish({
</Group> </Group>
{selectPage == "1" ? ( {selectPage == "1" ? (
<AdminInvestasi_ViewDetailData data={data} /> <AdminInvestasi_ViewDetailData data={data as any} />
) : null} ) : null}
{selectPage == "2" ? ( {selectPage == "2" ? (
<AdminInvestasi_ViewDaftarTransaksi <AdminInvestasi_ViewDaftarTransaksi
dataTransaksi={dataTransaksi} dataTransaksi={dataTransaksi}
statusTransaksi={statusTransaksi} statusTransaksi={statusTransaksi}
investasiId={investasiId} investasiId={params.id}
/> />
) : null} ) : null}
</Stack> </Stack>

2
src/app_modules/admin/investasi/detail/detail_reject.tsx
View File

@@ -52,7 +52,7 @@ export function AdminInvestasi_DetailReject({ data }: { data: MODEL_INVESTASI })
]} ]}
> >
{/* Data Author */} {/* Data Author */}
<ComponentAdminInvestasi_DetailDataAuthor data={data.author} /> <ComponentAdminInvestasi_DetailDataAuthor data={data.author as any} />
{/* Data Foto */} {/* Data Foto */}
<ComponentAdminInvestasi_DetailGambar imagesId={data.imageId} /> <ComponentAdminInvestasi_DetailGambar imagesId={data.imageId} />

66
src/app_modules/admin/investasi/detail/detail_review.tsx
View File

@@ -4,10 +4,10 @@ import { IRealtimeData } from "@/lib/global_state";
import { MainColor } from "@/app_modules/_global/color"; import { MainColor } from "@/app_modules/_global/color";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface"; import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id"; import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
import { Button, Group, SimpleGrid, Stack } from "@mantine/core"; import { Button, Group, SimpleGrid, Stack, Loader } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks"; import { useShallowEffect } from "@mantine/hooks";
import _ from "lodash"; import _ from "lodash";
import { useRouter } from "next/navigation"; import { useParams, useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import { WibuRealtime } from "wibu-pkg"; import { WibuRealtime } from "wibu-pkg";
import { Admin_ComponentModalReport } from "../../_admin_global/_component"; import { Admin_ComponentModalReport } from "../../_admin_global/_component";
@@ -23,33 +23,49 @@ import { ComponentAdminInvestasi_DetailGambar } from "../_component/detail_gamba
import { ComponentAdminInvestasi_UIDetailFile } from "../_component/ui_detail_file"; import { ComponentAdminInvestasi_UIDetailFile } from "../_component/ui_detail_file";
import { adminInvestasi_funEditStatusPublishById } from "../fun/edit/fun_status_publish_by_id"; import { adminInvestasi_funEditStatusPublishById } from "../fun/edit/fun_status_publish_by_id";
import Admin_funRejectInvestasi from "../fun/fun_reject_investasi"; import Admin_funRejectInvestasi from "../fun/fun_reject_investasi";
import { clientLogger } from "@/util/clientLogger";
import { apiGetAdminInvestasiById } from "../_lib/api_fetch_admin_investasi";
import SkeletonAdminInvestasi from "../_component/skeleton_admin_investasi";
export default function AdminInvestasi_DetailReview({ export default function AdminInvestasi_DetailReview() {
dataInvestasi, const params = useParams<{ id: string }>();
}: {
dataInvestasi: MODEL_INVESTASI;
}) {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState(dataInvestasi); const [data, setData] = useState<MODEL_INVESTASI | null>(null);
const [publish, setPublish] = useState(true); const [publish, setPublish] = useState(true);
const [openModalPublish, setOpenModalPublish] = useState(false); const [openModalPublish, setOpenModalPublish] = useState(false);
const [openModalReject, setOpenModalReject] = useState(false); const [openModalReject, setOpenModalReject] = useState(false);
const [isLoadingPublish, setIsLoadingPublish] = useState(false); const [isLoadingPublish, setIsLoadingPublish] = useState(false);
const [isLoadingReject, setIsLoadingReject] = useState(false); const [isLoadingReject, setIsLoadingReject] = useState(false);
const [report, setReport] = useState(""); const [report, setReport] = useState("");
const investasiId = params;
useShallowEffect(() => { useShallowEffect(() => {
cekStatusPublish(); cekStatusPublish();
// omload() loadInitialData();
}, []); }, []);
const loadInitialData = async () => {
try {
const response = await apiGetAdminInvestasiById({
id: params.id,
})
if (response?.success && response?.data) {
setData(response.data);
}
} catch (error) {
clientLogger.error("Invalid data format recieved:", error);
setData(null);
}
}
async function cekStatusPublish() { async function cekStatusPublish() {
if (data.MasterStatusInvestasi.id === "3") setPublish(false); if (data?.MasterStatusInvestasi.id === "3") setPublish(false);
} }
async function onReject() { async function onReject() {
const body = { const body = {
id: data.id, id: data?.id,
catatan: report, catatan: report,
status: "4", status: "4",
}; };
@@ -81,8 +97,8 @@ export default function AdminInvestasi_DetailReview({
}); });
} }
const loadData = await getOneInvestasiById(data.id); // const loadData = await getOneInvestasiById(data?.id);
setData(loadData as any); // setData(loadData as any);
ComponentAdminGlobal_NotifikasiBerhasil(res.message); ComponentAdminGlobal_NotifikasiBerhasil(res.message);
router.back(); router.back();
@@ -96,7 +112,7 @@ export default function AdminInvestasi_DetailReview({
async function onPublish() { async function onPublish() {
const res = await adminInvestasi_funEditStatusPublishById({ const res = await adminInvestasi_funEditStatusPublishById({
investasiId: data.id, investasiId: data?.id as any,
statusId: "1", statusId: "1",
progesInvestasiId: "1", progesInvestasiId: "1",
}); });
@@ -128,7 +144,7 @@ export default function AdminInvestasi_DetailReview({
dataMessage: dataNotifikasi, dataMessage: dataNotifikasi,
}); });
const loadData = await getOneInvestasiById(data.id); const loadData = await getOneInvestasiById(data?.id as any);
setData(loadData as any); setData(loadData as any);
ComponentAdminGlobal_NotifikasiBerhasil("Proyek Investasi Di Publish"); ComponentAdminGlobal_NotifikasiBerhasil("Proyek Investasi Di Publish");
@@ -143,6 +159,9 @@ export default function AdminInvestasi_DetailReview({
} }
} }
if (!data) {
return <SkeletonAdminInvestasi/>
}
return ( return (
@@ -151,7 +170,7 @@ export default function AdminInvestasi_DetailReview({
<Group position="apart"> <Group position="apart">
<AdminGlobal_ComponentBackButton /> <AdminGlobal_ComponentBackButton />
{data.masterStatusInvestasiId === "2" ? ( {data?.masterStatusInvestasiId === "2" ? (
<Group> <Group>
<Button <Button
loaderPosition="center" loaderPosition="center"
@@ -185,23 +204,20 @@ export default function AdminInvestasi_DetailReview({
]} ]}
> >
{/* Data Author */} {/* Data Author */}
if(!data.author){ <ComponentAdminInvestasi_DetailDataAuthor data={data?.author as any} />
}
<ComponentAdminInvestasi_DetailDataAuthor data={data.author} />
{/* Data Foto */} {/* Data Foto */}
<ComponentAdminInvestasi_DetailGambar imagesId={data.imageId} /> <ComponentAdminInvestasi_DetailGambar imagesId={data?.imageId} />
{/* Data Detail */} {/* Data Detail */}
<ComponentAdminInvestasi_DetailData data={data} /> <ComponentAdminInvestasi_DetailData data={data} />
</SimpleGrid> </SimpleGrid>
<ComponentAdminInvestasi_UIDetailFile <ComponentAdminInvestasi_UIDetailFile
title={data.title} title={data?.title}
dataProspektus={data.ProspektusInvestasi} dataProspektus={data?.ProspektusInvestasi}
listDokumen={data.DokumenInvestasi} listDokumen={data?.DokumenInvestasi}
prospektusFileId={data.prospektusFileId} prospektusFileId={data?.prospektusFileId}
/> />
</Stack> </Stack>

1
src/middleware.ts
View File

@@ -35,7 +35,6 @@ const middlewareConfig: MiddlewareConfig = {
// ADMIN API // ADMIN API
// >> buat dibawah sini << // >> buat dibawah sini <<
// Akses awal // Akses awal
"/api/get-cookie", "/api/get-cookie",