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

fix layout donasi:

Browse Source 
- fix publish detail
This commit is contained in:
Bagasbanuna02
2025-03-18 11:24:39 +08:00
parent ce98d5bf8e
commit 2e3003fbe3
7 changed files with 117 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/dev/donasi/proses_donasi/invoice/[id]/layout.tsx
View File

@@ -1,8 +1,14 @@
import { LayoutDonasi_InvoiceProses } from "@/app_modules/donasi";
import React from "react";
export default async function Layout({children}: {children: React.ReactNode}) {
return<>
<LayoutDonasi_InvoiceProses>{children}</LayoutDonasi_InvoiceProses>
export default async function Layout({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<LayoutDonasi_InvoiceProses>{children}</LayoutDonasi_InvoiceProses>
</>
}
);
}

22
src/app_modules/donasi/_ui/edit/ui_edit_kabar.tsx
View File

@@ -1,19 +1,29 @@
"use client";
import {
UIGlobal_LayoutHeaderTamplate,
UIGlobal_LayoutTamplate,
} from "@/app_modules/_global/ui";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Donasi_ViewEditKabar } from "../../_view";
export function Donasi_UiEditKabar({ dataKabar }: { dataKabar: any }) {
return (
<>
<UIGlobal_LayoutTamplate
{/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Kabar" />}
>
<Donasi_ViewEditKabar dataKabar={dataKabar as any} />
</UIGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Kabar" />
</UI_NewHeader>
<UI_NewChildren>
<Donasi_ViewEditKabar dataKabar={dataKabar as any} />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</>
);
}

36
src/app_modules/donasi/_ui/kabar/ui_rekap_kabar.tsx
View File

@@ -1,12 +1,15 @@
"use client";
import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import { UIGlobal_Drawer } from "@/app_modules/_global/ui";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
import { ActionIcon } from "@mantine/core";
import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react";
import React, { useState } from "react";
import { useState } from "react";
import { Donasi_ViewRekapKabar } from "../../_view";
export function Donasi_UiRekapKabar({
@@ -28,7 +31,7 @@ export function Donasi_UiRekapKabar({
return (
<>
<UIGlobal_LayoutTamplate
{/* <UIGlobal_LayoutTamplate
header={
<UIGlobal_LayoutHeaderTamplate
title="Daftar Kabar"
@@ -46,7 +49,28 @@ export function Donasi_UiRekapKabar({
}
>
<Donasi_ViewRekapKabar donasiId={donasiId} listKabar={listKabar} />
</UIGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Rekap Kabar"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => {
setOpenDrawer(true);
}}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>
<Donasi_ViewRekapKabar donasiId={donasiId} listKabar={listKabar} />
</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer
opened={openDrawer}

4
src/app_modules/donasi/create/create_kabar/index.tsx
View File

@@ -155,7 +155,7 @@ export default function Donasi_CreateKabar() {
maxInput={1000}
/>
<Stack spacing={5}>
<Stack spacing={0}>
<ComponentGlobal_BoxUploadImage>
{img ? (
<AspectRatio ratio={1 / 1} mt={5} maw={300} mx={"auto"}>
@@ -188,7 +188,7 @@ export default function Donasi_CreateKabar() {
}}
disabled={_.values(kabar).includes("") ? true : false}
radius={"xl"}
mt={"lg"}
mt={"xl"}
bg={MainColor.yellow}
color="yellow"
c={"black"}

20
src/app_modules/donasi/create/create_kabar/layout.tsx
View File

@@ -1,7 +1,10 @@
"use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react";
export default function LayoutDonasi_CreateKabar({
@@ -11,9 +14,18 @@ export default function LayoutDonasi_CreateKabar({
}) {
return (
<>
<UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Tambah Kabar" />}>
{/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Kabar" />}
>
{children}
</UIGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Tambah Kabar" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</>
);
}

23
src/app_modules/donasi/edit/update_kabar/layout.tsx
View File

@@ -15,6 +15,8 @@ import { useRouter } from "next/navigation";
import React from "react";
import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar";
import { RouterDonasi } from "@/lib/router_hipmi/router_donasi";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
export default function LayoutUpdateKabarDonasi({
children,
@@ -45,7 +47,7 @@ export default function LayoutUpdateKabarDonasi({
}
return (
<>
<UIGlobal_LayoutTamplate
{/* <UIGlobal_LayoutTamplate
header={
<UIGlobal_LayoutHeaderTamplate
title="Update Kabar"
@@ -61,7 +63,24 @@ export default function LayoutUpdateKabarDonasi({
}
>
{children}
</UIGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Update Kabar"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_DrawerCustom
opened={openDrawer}

27
src/app_modules/donasi/proses_donasi/invoice/layout.tsx
View File

@@ -7,8 +7,11 @@ import { useAtom } from "jotai";
import React from "react";
import { gs_donasi_hot_menu } from "../../global_state";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { useRouter } from "next/navigation";
export default function LayoutDonasi_InvoiceProses({
@@ -24,20 +27,34 @@ export default function LayoutDonasi_InvoiceProses({
}
return (
<>
<UIGlobal_LayoutTamplate
{/* <UIGlobal_LayoutTamplate
header={
<UIGlobal_LayoutHeaderTamplate
title="Invoice"
customButtonLeft={
<ActionIcon variant="transparent" onClick={() => onClick()}>
<IconX color="white"/>
<IconX color="white" />
</ActionIcon>
}
/>
}
>
{children}
</UIGlobal_LayoutTamplate>
</UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Invoice"
customButtonLeft={
<ActionIcon variant="transparent" onClick={() => onClick()}>
<IconX color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</>
);
}