- Ganti Appshell dengan tamplate buatan sendiri di modul donasi
## No Issuue
This commit is contained in:
2024-04-20 07:25:43 +08:00
parent f3e9b5efae
commit 07a4ce0162
58 changed files with 379 additions and 82 deletions

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi_CreateKabar({
children,
@@ -11,9 +12,9 @@ export default function LayoutDonasi_CreateKabar({
}) {
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Buat Kabar" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Buat Kabar" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,12 +3,13 @@
import { AppShell } from "@mantine/core"
import React from "react"
import ComponentDonasi_HeaderTamplate from "../component/header_tamplate"
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
export default function LayoutCreateDonasi({children}: {children: React.ReactNode}){
return<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Buat Donasi"/>}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Buat Donasi"/>}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
}

View File

@@ -5,6 +5,7 @@ import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { useRouter } from "next/navigation";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi_DetailNotif({
children,
@@ -16,7 +17,7 @@ export default function LayoutDonasi_DetailNotif({
const router = useRouter();
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Detail Pemberitahuan" />}
footer={
<Footer height={70} p={"md"}>
@@ -35,7 +36,7 @@ export default function LayoutDonasi_DetailNotif({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -4,13 +4,14 @@ import { AppShell } from "@mantine/core"
import React from "react"
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate"
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi"
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
export default function LayoutDetailDonasiSaya({children}: {children: React.ReactNode}){
return<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Detail Donasi Saya" route={RouterDonasi.main_donasi_saya} />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
}

View File

@@ -24,6 +24,7 @@ import router from "next/router";
import { title } from "process";
import { useRouter } from "next/navigation";
import { data } from "autoprefixer";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailDraftDonasi({
children,
@@ -36,7 +37,7 @@ export default function LayoutDetailDraftDonasi({
const router = useRouter();
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<Header height={50} sx={{ borderStyle: "none" }}>
<Group h={50} position="apart" px={"md"}>
@@ -57,7 +58,7 @@ export default function LayoutDetailDraftDonasi({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
<Stack>
<Button

View File

@@ -12,6 +12,7 @@ import { useRouter } from "next/navigation";
import React from "react";
import FooterDonasi from "../../component/footer_close_donasi";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailKabarDonasi({
children,
@@ -21,12 +22,12 @@ export default function LayoutDetailKabarDonasi({
const router = useRouter();
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Detail Kabar" hideBack={true} />}
footer={<FooterDonasi />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,5 +1,6 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ButtonDonasi from "@/app_modules/donasi/component/footer_button_donasi";
import FooterDonasi from "@/app_modules/donasi/component/footer_close_donasi";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
@@ -18,11 +19,11 @@ export default function LayoutCeritaPenggalangDonasi({
if (statusDonasiId !== "1") {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Cerita Penggalang Dana" />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonaturDonasi({
children,
@@ -11,9 +12,9 @@ export default function LayoutDonaturDonasi({
}) {
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Donatur" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Donatur" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,16 +1,22 @@
"use client"
"use client";
import { AppShell } from "@mantine/core"
import React from "react"
import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate"
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutKabarDonasi({children}: {children: React.ReactNode}){
return<>
<AppShell
header={<ComponentDonasi_HeaderTamplate title="Kabar Terbaru"/>}
>
export default function LayoutKabarDonasi({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Kabar Terbaru" />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
}
);
}

View File

@@ -4,22 +4,23 @@ import { AppShell, Box, Button, Center, Footer } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import ButtonDonasi from "../../component/footer_button_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailMainDonasi({
children,
donasiId
donasiId,
}: {
children: React.ReactNode;
donasiId: string
donasiId: string;
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Detail Donasi" />}
footer={<ButtonDonasi donasiId={donasiId}/>}
footer={<ButtonDonasi donasiId={donasiId} />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,5 +1,6 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
import { AppShell } from "@mantine/core";
import React from "react";
@@ -11,9 +12,11 @@ export default function LayoutPencairanDanaDonasi({
}) {
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Pencairan Dana" />}>
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Pencairan Dana" />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,5 +1,6 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
import { AppShell } from "@mantine/core";
import React from "react";
@@ -11,12 +12,12 @@ export default function LayoutPenggalangDanaDonasi({
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Informasi Penggalangan Dana" />}
// footer={<FooterDonasi />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -5,6 +5,7 @@ import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailPublishDonasi({
children,
@@ -15,7 +16,7 @@ export default function LayoutDetailPublishDonasi({
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<ComponentDonasi_HeaderTamplate
title="Detail Publish"
@@ -25,7 +26,7 @@ export default function LayoutDetailPublishDonasi({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -5,6 +5,7 @@ import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailRejectDonasi({
children,
@@ -14,9 +15,9 @@ export default function LayoutDetailRejectDonasi({
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Reject" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Reject" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -5,6 +5,7 @@ import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit, IconMessageShare } from "@tabler/icons-react";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDetailReviewDonasi({
children,
@@ -14,9 +15,9 @@ export default function LayoutDetailReviewDonasi({
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Review" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Review" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutEditCeritaPenggalangDonasi({
children,
@@ -11,9 +12,9 @@ export default function LayoutEditCeritaPenggalangDonasi({
}) {
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Update Cerita Penggalang" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Update Cerita Penggalang" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutEditDonasi({
children,
@@ -11,9 +12,9 @@ export default function LayoutEditDonasi({
}) {
return (
<>
<AppShell header={<ComponentDonasi_HeaderTamplate title="Edit Donasi" />}>
<AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Edit Donasi" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi_EditRekening({
children,
@@ -11,11 +12,11 @@ export default function LayoutDonasi_EditRekening({
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Edit Rekening" />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,5 +1,6 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
import { AppShell } from "@mantine/core";
import React from "react";
@@ -11,10 +12,10 @@ export default function LayoutListKabarDonasi({
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="List Kabar" />}>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -17,19 +17,20 @@ import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.share
import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar";
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
import { NotifGagal } from "../../component/notifikasi/notif_gagal";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutUpdateKabarDonasi({
children,
kabarId
kabarId,
}: {
children: React.ReactNode;
kabarId: string
kabarId: string;
}) {
const router = useRouter();
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Update Kabar" />}
footer={
<Footer height={70}>
@@ -37,7 +38,12 @@ export default function LayoutUpdateKabarDonasi({
{/* <Button radius={"xl"} variant="outline" color="green">
Edit
</Button> */}
<Button radius={"xl"} variant="outline" color="red" onClick={() => onDelete(router,kabarId )}>
<Button
radius={"xl"}
variant="outline"
color="red"
onClick={() => onDelete(router, kabarId)}
>
Hapus
</Button>
</Group>
@@ -45,19 +51,18 @@ export default function LayoutUpdateKabarDonasi({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}
async function onDelete(router: AppRouterInstance ,kabarId: string) {
await Donasi_funDeleteKabar(kabarId)
.then((res) => {
if(res.status === 200){
router.back()
NotifBerhasil(res.message)
async function onDelete(router: AppRouterInstance, kabarId: string) {
await Donasi_funDeleteKabar(kabarId).then((res) => {
if (res.status === 200) {
router.back();
NotifBerhasil(res.message);
} else {
NotifGagal(res.message)
NotifGagal(res.message);
}
})
});
}

View File

@@ -27,12 +27,12 @@ export default function GalangDanaDonasi({
listPublish,
listReview,
listDraft,
listReject
listReject,
}: {
listPublish: any;
listReview: any;
listDraft: any;
listReject: any
listReject: any;
}) {
const router = useRouter();
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
@@ -68,7 +68,7 @@ export default function GalangDanaDonasi({
return (
<>
<Affix position={{ bottom: rem(100), right: rem(20) }}>
<Affix position={{ bottom: rem(150), right: rem(20) }}>
<Button
radius={"xl"}
bg={"orange"}

View File

@@ -34,6 +34,7 @@ import { gs_donasi_hot_menu } from "../global_state";
import { RouterCrowd } from "@/app/lib/router_hipmi/router_crowd";
import { title } from "process";
import _ from "lodash";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi({
children,
@@ -69,7 +70,7 @@ export default function LayoutDonasi({
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<Header height={50} sx={{ borderStyle: "none" }}>
<Group h={50} position="apart" px={"md"}>
@@ -98,8 +99,8 @@ export default function LayoutDonasi({
</Header>
}
footer={
<Footer height={70} bg={"dark"}>
<Grid align="center" h={60} pt={"xs"} grow>
<Footer height={"10vh"} bg={"dark"}>
<Grid align="center" h={"10vh"} pt={"xs"} grow>
{/* Tampilan Bursa */}
{listPage.map((e, i) => (
<Grid.Col
@@ -131,7 +132,7 @@ export default function LayoutDonasi({
>
{/* {JSON.stringify(isRead)} */}
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -10,6 +10,7 @@ import { useAtom } from "jotai";
import { title } from "process";
import { useRouter } from "next/navigation";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi_InvoiceProses({
children,
@@ -24,7 +25,7 @@ export default function LayoutDonasi_InvoiceProses({
}
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<Header height={50} sx={{ borderStyle: "none" }}>
<Group h={50} position="apart" px={"md"}>
@@ -38,7 +39,7 @@ export default function LayoutDonasi_InvoiceProses({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -3,6 +3,7 @@
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutMasukanDonasi({
children,
@@ -11,11 +12,11 @@ export default function LayoutMasukanDonasi({
}) {
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Masukan Nominal Donasi" />}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -1,5 +1,6 @@
"use client"
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate"
import { AppShell } from "@mantine/core"
import React from "react"
@@ -7,11 +8,11 @@ import React from "react"
export default function LayoutDonasi_MetodePembayaran({children}: {children: React.ReactNode}){
return<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={<ComponentDonasi_HeaderTamplate title="Pilih Metode Pembayaran"/>}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
}

View File

@@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
import { useAtom } from "jotai";
import { gs_donasi_hot_menu } from "../../global_state";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutDonasi_ProsesTransaksi({
children,
@@ -22,7 +23,7 @@ export default function LayoutDonasi_ProsesTransaksi({
}
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<Header height={50} sx={{ borderStyle: "none" }}>
<Group h={50} position="apart" px={"md"}>
@@ -36,7 +37,7 @@ export default function LayoutDonasi_ProsesTransaksi({
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}

View File

@@ -75,8 +75,8 @@ export default function LayoutMainInvestasi({
/>
}
footer={
<Footer height={70} bg={"dark.4"}>
<Grid align="center" h={60} pt={"xs"} grow>
<Footer height={"10vh"} bg={"dark.4"}>
<Grid align="center" h={"10vh"} pt={"xs"} grow>
{/* Tampilan Bursa */}
{listFooter.map((e, k) => (
<Grid.Col
@@ -87,7 +87,7 @@ export default function LayoutMainInvestasi({
setActive(k);
}}
>
<Center>
<Center h={"100%"}>
<Flex direction={"column"} align={"center"} w={"100%"}>
<ActionIcon
variant="transparent"