- 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

@@ -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>
</>
);
}