- 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

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