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

QC Investasi

Browse Source 
# fix
Tampilan admin investasi
Tampilan admin donasi
## No issuee
This commit is contained in:
Bagasbanuna02
2024-05-31 16:41:34 +08:00
parent c28cceb46f
commit 5b8cd3a4b6
175 changed files with 4785 additions and 2296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app_modules/donasi/detail/detail_draft/layout.tsx
View File

@@ -11,7 +11,7 @@ import {
Stack,
Title,
} from "@mantine/core";
import React from "react";
import React, { useState } from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import {
IconChevronLeft,
@@ -28,13 +28,17 @@ import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/co
export default function LayoutDetailDraftDonasi({
children,
donasiId
donasiId,
}: {
children: React.ReactNode;
donasiId: string
donasiId: string;
}) {
const [opened, { open, close }] = useDisclosure(false);
const router = useRouter();
const [isLoadingDonasi, setLoadingDonasi] = useState(false);
const [isLoadingCerita, setLoadingCerita] = useState(false);
const [isLoadingRekening, setLoadingRekening] = useState(false);
return (
<>
<AppComponentGlobal_LayoutTamplate
@@ -62,29 +66,47 @@ export default function LayoutDetailDraftDonasi({
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
<Stack>
<Button
loaderPosition="center"
loading={isLoadingDonasi ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="blue"
onClick={() => router.push(RouterDonasi.edit_donasi + `${donasiId}`)}
onClick={() => {
setLoadingDonasi(true);
router.push(RouterDonasi.edit_donasi + `${donasiId}`);
}}
>
Edit Donasi
</Button>
<Button
loaderPosition="center"
loading={isLoadingCerita ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="teal"
onClick={() => router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`)}
onClick={() => {
setLoadingCerita(true);
router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`);
}}
>
Edit Cerita
</Button>
<Button
loaderPosition="center"
loading={isLoadingRekening ? true : false}
style={{ transition: "0.5s" }}
variant="outline"
radius={"xl"}
w={"100%"}
color="orange"
onClick={() => router.push(RouterDonasi.edit_rekening + `${donasiId}`)}
onClick={() => {
setLoadingRekening(true);
router.push(RouterDonasi.edit_rekening + `${donasiId}`);
}}
>
Edit Rekening
</Button>

9
src/app_modules/donasi/detail/detail_main/cerita_penggalang/index.tsx
View File

@@ -15,11 +15,16 @@ export default function CeritaPenggalangDonasi({
return (
<>
{/* <pre>{JSON.stringify(data.imageCeritaDonasi, null, 2)}</pre> */}
<Stack>
{moment(data.createdAt).format("ll")}
<Stack px={"xs"}>
<Text>
{new Intl.DateTimeFormat("id-ID", { dateStyle: "full" }).format(
data.createdAt
)}
</Text>
<Text fw={"bold"}> #HaloOrangBaik</Text>
<Text>{data.pembukaan}</Text>
<Image
radius={"sm"}
alt="Foto"
src={RouterDonasi.api_image_cerita + `${data.imageCeritaDonasi.url}`}
/>

62
src/app_modules/donasi/detail/detail_main/donatur/index.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import ComponentDonasi_IsEmptyData from "@/app_modules/donasi/component/is_empty_data";
import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
import { MODEL_DONASI_INVOICE } from "@/app_modules/donasi/model/interface";
import {
@@ -14,12 +15,18 @@ import {
Title,
} from "@mantine/core";
import { IconMoodSmile, IconMoodSmileBeam } from "@tabler/icons-react";
import { size } from "lodash";
import _, { size } from "lodash";
import moment from "moment";
import { useState } from "react";
export default function DonaturDonasi({listDonatur}: {listDonatur: MODEL_DONASI_INVOICE[]}) {
const [donatur, setDonatur] = useState(listDonatur)
export default function DonaturDonasi({
listDonatur,
}: {
listDonatur: MODEL_DONASI_INVOICE[];
}) {
const [donatur, setDonatur] = useState(listDonatur);
if (_.isEmpty(donatur)) return <ComponentDonasi_IsEmptyData />;
return (
<>
<SimpleGrid
@@ -31,31 +38,30 @@ export default function DonaturDonasi({listDonatur}: {listDonatur: MODEL_DONASI_
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
]}
>
{donatur
.map((e, i) => (
<Paper key={i} bg={"gray.1"} p={"sm"}>
<Grid>
<Grid.Col span={3}>
<Center h={"100%"}>
{/* <Avatar variant="filled" radius={"xl"} size={"md"} /> */}
<IconMoodSmileBeam size={50}/>
</Center>
</Grid.Col>
<Grid.Col span={9}>
<Stack spacing={0}>
<Title order={5}>{e.Author.username}</Title>
<Group spacing={"xs"}>
<Text fz={"xs"}>Berdonasi sebesar</Text>
<Text truncate fw={"bold"}>
<TampilanRupiahDonasi nominal={+e.nominal}/>
</Text>
</Group>
<Text fz={"xs"}>{moment(e.createdAt).format("ll")}</Text>
</Stack>
</Grid.Col>
</Grid>
</Paper>
))}
{donatur.map((e, i) => (
<Paper key={i} bg={"gray.1"} p={"sm"}>
<Grid>
<Grid.Col span={3}>
<Center h={"100%"}>
{/* <Avatar variant="filled" radius={"xl"} size={"md"} /> */}
<IconMoodSmileBeam size={50} />
</Center>
</Grid.Col>
<Grid.Col span={9}>
<Stack spacing={0}>
<Title order={5}>{e.Author.username}</Title>
<Group spacing={"xs"}>
<Text fz={"xs"}>Berdonasi sebesar</Text>
<Text truncate fw={"bold"}>
<TampilanRupiahDonasi nominal={+e.nominal} />
</Text>
</Group>
<Text fz={"xs"}>{moment(e.createdAt).format("ll")}</Text>
</Stack>
</Grid.Col>
</Grid>
</Paper>
))}
</SimpleGrid>
</>
);

14
src/app_modules/donasi/detail/detail_main/kabar/index.tsx
View File

@@ -2,6 +2,7 @@
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import ComponentDonasi_ListKabar from "@/app_modules/donasi/component/detail_main/list_kabar";
import ComponentDonasi_IsEmptyData from "@/app_modules/donasi/component/is_empty_data";
import { MODEL_DONASI_KABAR } from "@/app_modules/donasi/model/interface";
import {
ActionIcon,
@@ -16,6 +17,7 @@ import {
Title,
} from "@mantine/core";
import { IconCircleChevronRight } from "@tabler/icons-react";
import _ from "lodash";
import moment from "moment";
import { useRouter } from "next/navigation";
import { useState } from "react";
@@ -27,6 +29,9 @@ export default function KabarDonasi({
}) {
const router = useRouter();
const [kabar, setKabar] = useState(listKabar);
if (_.isEmpty(kabar)) return <ComponentDonasi_IsEmptyData />;
return (
<>
<SimpleGrid
@@ -39,9 +44,12 @@ export default function KabarDonasi({
]}
>
{kabar.map((e, i) => (
<Box key={i}>
<ComponentDonasi_ListKabar kabar={e} route={RouterDonasi.detail_kabar} />
</Box>
<Box key={i}>
<ComponentDonasi_ListKabar
kabar={e}
route={RouterDonasi.detail_kabar}
/>
</Box>
))}
</SimpleGrid>
</>

9
src/app_modules/donasi/detail/detail_main/penggalang_dana/index.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentDonasi_BoxPublish from "@/app_modules/donasi/component/box_publish";
import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
import {
@@ -45,7 +46,7 @@ export default function PenggalangDanaDonasi({
return (
<>
<Stack>
<Stack >
<InformasiPenggalang value={value as any} />
<ComponentDonasi_BoxPublish
dataDonasi={value.Donasi}
@@ -59,6 +60,7 @@ export default function PenggalangDanaDonasi({
function InformasiPenggalang({ value }: { value: MODEL_USER }) {
return (
<>
{/* <pre>{JSON.stringify(value, null, 2)}</pre> */}
<Paper radius={"md"}>
<Stack
bg={"gray.1"}
@@ -75,10 +77,13 @@ function InformasiPenggalang({ value }: { value: MODEL_USER }) {
>
<Center h={"100%"}>
<Image
radius={"100%"}
width={100}
height={100}
alt="Foto"
src={"/aset/avatar.png"}
src={
RouterProfile.api_foto_profile + value?.Profile?.imagesId
}
/>
</Center>
</Paper>

19
src/app_modules/donasi/detail/detail_review/index.tsx
View File

@@ -42,6 +42,7 @@ export default function DetailReviewDonasi({
dataDonasi: MODEL_DONASI;
}) {
const [donasi, setDonasi] = useState(dataDonasi);
return (
<>
<Stack spacing={"xl"}>
@@ -54,6 +55,7 @@ export default function DetailReviewDonasi({
}
function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
const router = useRouter();
const [isLoading, setLoading] = useState(false);
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
gs_donasi_tabs_posting
);
@@ -61,9 +63,10 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
async function onCLick() {
await Donasi_funGantiStatus(donasi.id, "3").then((res) => {
if (res.status === 200) {
router.push(RouterDonasi.main_galang_dana);
setTabsPostingDonasi("Draft");
NotifBerhasil("Berhasil Dibatalkan");
setLoading(true);
router.push(RouterDonasi.main_galang_dana);
} else {
NotifPeringatan(res.message);
}
@@ -71,11 +74,19 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
}
return (
<>
<Button radius={"xl"} bg={"red"} color="red" onClick={() => onCLick()}>
<Button
style={{
transition: "0.5s",
}}
loaderPosition="center"
loading={isLoading ? true : false}
radius={"xl"}
bg={"red"}
color="red"
onClick={() => onCLick()}
>
Batalkan Review
</Button>
</>
);
}