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

Merge pull request #205 from bipproduction/amalia/17-des-24

Browse Source 
Amalia/17 des 24
This commit is contained in:
Bagasbanuna02
2024-12-17 12:01:58 +08:00
committed by GitHub
parent 3bd2f53732 c08d72539b
commit 5108647efd
11 changed files with 219 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app_modules/donasi/component/card_view/card_publish_new.tsx
View File

@@ -13,8 +13,6 @@ export default function ComponentDonasi_CardPublishNew({ data }: { data: any; })
<>
<ComponentGlobal_CardStyles
onClickHandler={() => {
// DELSOON
console.log(RouterDonasi.detail_main + `${data.id}`)
router.push(RouterDonasi.detail_main + `${data.id}`)
}}
>

53
src/app_modules/donasi/component/card_view/card_status_new.tsx Normal file
View File

@@ -0,0 +1,53 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { ComponentGlobal_CardStyles, ComponentGlobal_LoadImageCustom } from "@/app_modules/_global/component";
import { Grid, Stack, Text } from "@mantine/core";
import { useParams, useRouter } from "next/navigation";
import { IDataAllDonasi } from "../../lib/type_donasi";
export function ComponentDonasi_CardStatusNew({ data }: { data: IDataAllDonasi; }) {
const router = useRouter();
const param = useParams<{ id: string }>();
function goToDetail() {
if (param.id == "2") {
router.push(RouterDonasi.detail_review + `${data.id}`);
} else if (param.id == "3") {
router.push(RouterDonasi.detail_draft + `${data.id}`);
} else if (param.id == "4") {
router.push(RouterDonasi.detail_reject + `${data.id}`);
}
}
return (
<>
<ComponentGlobal_CardStyles onClickHandler={() => { goToDetail() }} >
<Stack>
<Grid>
<Grid.Col span={6}>
<ComponentGlobal_LoadImageCustom
fileId={data.imageId}
height={100}
/>
</Grid.Col>
<Grid.Col span={6}>
<Stack spacing={"xs"}>
<Text fz={"sm"} fw={"bold"} lineClamp={2}>
{data.title}
</Text>
<Stack spacing={0}>
<Text fz={"sm"}>Target Dana</Text>
<Text fz={"sm"} fw={"bold"} c={"yellow"} lineClamp={1}>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumFractionDigits: 10,
}).format(+data.target)}
</Text>
</Stack>
</Stack>
</Grid.Col>
</Grid>
</Stack>
</ComponentGlobal_CardStyles>
</>
);
}

1
src/app_modules/donasi/lib/type_donasi.ts
View File

@@ -5,5 +5,6 @@ export interface IDataAllDonasi {
publishTime: Date
progres: string
terkumpul: string
target: string
nameDonasiDurasi: string
}

4
src/app_modules/donasi/main/beranda_new.tsx
View File

@@ -37,7 +37,7 @@ export default function MainDonasiNew() {
async function onLoadData({ onPublish }: { onPublish: (val: any) => void }) {
setIsLoading(true);
const loadData = await apiGetAllDonasi(`?cat=beranda&page=1`)
onPublish(loadData);
onPublish(loadData.data)
setIsShowUpdate(false);
setIsTriggerDonasiBeranda(false);
@@ -117,7 +117,7 @@ export default function MainDonasiNew() {
setActivePage((val) => val + 1);
return loadData;
return loadData.data;
}}
>
{(item) => (

80
src/app_modules/donasi/main/galang_dana/donasi_galang_dana_new.tsx Normal file
View File

@@ -0,0 +1,80 @@
"use client";
import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
import { Box, Center } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import _ from "lodash";
import { ScrollOnly } from "next-scroll-loader";
import { useParams } from "next/navigation";
import { useState } from "react";
import ComponentDonasi_CardPublishNew from "../../component/card_view/card_publish_new";
import SkeletonDonasi from "../../component/skeleton_donasi";
import { apiGetAllDonasi } from "../../lib/api_donasi";
import { IDataAllDonasi } from "../../lib/type_donasi";
import { ComponentDonasi_CardStatusNew } from "../../component/card_view/card_status_new";
export default function Donasi_ViewGalangDanaNew() {
const param = useParams<{ id: string }>();;
const [data, setData] = useState<IDataAllDonasi[]>([]);
const [activePage, setActivePage] = useState(1);
const [loading, setLoading] = useState(true)
async function getDataGalangDana() {
try {
setLoading(true)
const response = await apiGetAllDonasi(`?cat=galang-dana&status=${param.id}&page=1`)
if (response.success) {
setData(response.data);
}
} catch (error) {
console.error(error);
} finally {
setLoading(false)
}
}
useShallowEffect(() => {
getDataGalangDana()
}, []);
return (
<>
{
loading ? <SkeletonDonasi />
:
_.isEmpty(data) ? (
<ComponentGlobal_IsEmptyData />
) : (
<Box>
<ScrollOnly
height="75vh"
renderLoading={() => (
<Center>
<ComponentGlobal_Loader size={25} />
</Center>
)}
data={data}
setData={setData}
moreData={async () => {
const pageNew = activePage + 1
const loadData = await apiGetAllDonasi(`?cat=galang-dana&status=${param.id}&page=${pageNew}`)
setActivePage((val) => val + 1);
return loadData.data;
}}
>
{
param.id == "1" ?
(item) => (<ComponentDonasi_CardPublishNew data={item} />)
:
(item) => (<ComponentDonasi_CardStatusNew data={item} />)
}
</ScrollOnly>
</Box>
)
}
</>
);
}

33
src/app_modules/donasi/main/galang_dana/ui_galang_dana_new.tsx
View File

@@ -1,13 +1,31 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { AccentColor, MainColor, } from "@/app_modules/_global/color/color_pallet";
import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
import { Stack, Tabs } from "@mantine/core";
import { useParams, useRouter } from "next/navigation";
import Donasi_ViewGalangDanaNew from "./donasi_galang_dana_new";
export default function GalangDanaDonasiNew({listStatus,}: {listStatus: MODEL_NEW_DEFAULT_MASTER[]; }) {
export default function GalangDanaDonasiNew() {
const router = useRouter();
const param = useParams<{ id: string }>();
const status = [
{
id: "1",
name: "Publish"
},
{
id: "2",
name: "Review"
},
{
id: "3",
name: "Draft"
},
{
id: "4",
name: "Reject"
}
]
async function onChangeStatus({ statusId }: { statusId: string }) {
router.replace(RouterDonasi.status_galang_dana({ id: statusId }));
@@ -34,7 +52,7 @@ export default function GalangDanaDonasiNew({listStatus,}: {listStatus: MODEL_NE
>
<Stack>
<Tabs.List grow>
{listStatus.map((e, i) => (
{status.map((e, i) => (
<Tabs.Tab
key={e.id}
value={e.id}
@@ -54,14 +72,7 @@ export default function GalangDanaDonasiNew({listStatus,}: {listStatus: MODEL_NE
</Tabs.Tab>
))}
</Tabs.List>
{/* {param.id == "1" && <PostingPublishDonasi listPublish={dataStatus} />}
{param.id == "2" && <PostingReviewDonasi listReview={dataStatus} />}
{param.id == "3" && <PostingDraftDonasi listDraft={dataStatus} />}
{param.id == "4" && <PostingRejectDonasi listReject={dataStatus} />} */}
<Donasi_ViewGalangDanaNew />
</Stack>
</Tabs>
</>

27
src/app_modules/investasi/_ui/main/ui_portofolio_new.tsx
View File

@@ -1,14 +1,35 @@
"use client";
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
import { Stack, Tabs } from "@mantine/core";
import { useParams, useRouter } from "next/navigation";
import { Investasi_ViewPortofolioNew } from "../../_view/main/portofolio/view_portofolio_new";
export function Investasi_UiPortofolioNew({ listStatus }: { listStatus: MODEL_NEW_DEFAULT_MASTER[] }) {
export function Investasi_UiPortofolioNew() {
const param = useParams<{ id: string }>();
const router = useRouter();
const status = [
{
id: "1",
name: "Publish",
color: "green"
},
{
id: "2",
name: "Review",
color: "orange"
},
{
id: "3",
name: "Draft",
color: "yellow"
},
{
id: "4",
name: "Reject",
color: "red"
}
]
return (
<>
@@ -30,7 +51,7 @@ export function Investasi_UiPortofolioNew({ listStatus }: { listStatus: MODEL_NE
>
<Stack>
<Tabs.List grow mb={"xs"}>
{listStatus.map((e) => (
{status.map((e) => (
<Tabs.Tab
w={"20%"}
key={e.id}

2
src/app_modules/investasi/_view/main/portofolio/view_portofolio_new.tsx
View File

@@ -61,7 +61,7 @@ export function Investasi_ViewPortofolioNew() {
const loadData = await apiGetAllInvestasi(`?cat=portofolio&status=${param.id}&page=${pageNew}`)
setActivePage((val) => val + 1);
return loadData;
return loadData.data;
}}
>
{