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

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

@@ -1,8 +1,14 @@
import { LayoutDonasi_InvoiceProses } from "@/app_modules/donasi"; import { LayoutDonasi_InvoiceProses } from "@/app_modules/donasi";
import React from "react"; import React from "react";
export default async function Layout({children}: {children: React.ReactNode}) { export default async function Layout({
return<> children,
<LayoutDonasi_InvoiceProses>{children}</LayoutDonasi_InvoiceProses> }: {
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"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Donasi_ViewEditKabar } from "../../_view"; import { Donasi_ViewEditKabar } from "../../_view";
export function Donasi_UiEditKabar({ dataKabar }: { dataKabar: any }) { export function Donasi_UiEditKabar({ dataKabar }: { dataKabar: any }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Kabar" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Kabar" />}
> >
<Donasi_ViewEditKabar dataKabar={dataKabar as any} /> <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"; "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_Drawer } from "@/app_modules/_global/ui";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import UI_NewLayoutTamplate, {
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; 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 { ActionIcon } from "@mantine/core";
import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react"; import { IconCirclePlus, IconDotsVertical } from "@tabler/icons-react";
import React, { useState } from "react"; import { useState } from "react";
import { Donasi_ViewRekapKabar } from "../../_view"; import { Donasi_ViewRekapKabar } from "../../_view";
export function Donasi_UiRekapKabar({ export function Donasi_UiRekapKabar({
@@ -28,7 +31,7 @@ export function Donasi_UiRekapKabar({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Daftar Kabar" title="Daftar Kabar"
@@ -46,7 +49,28 @@ export function Donasi_UiRekapKabar({
} }
> >
<Donasi_ViewRekapKabar donasiId={donasiId} listKabar={listKabar} /> <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 <UIGlobal_Drawer
opened={openDrawer} 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} maxInput={1000}
/> />
<Stack spacing={5}> <Stack spacing={0}>
<ComponentGlobal_BoxUploadImage> <ComponentGlobal_BoxUploadImage>
{img ? ( {img ? (
<AspectRatio ratio={1 / 1} mt={5} maw={300} mx={"auto"}> <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} disabled={_.values(kabar).includes("") ? true : false}
radius={"xl"} radius={"xl"}
mt={"lg"} mt={"xl"}
bg={MainColor.yellow} bg={MainColor.yellow}
color="yellow" color="yellow"
c={"black"} c={"black"}

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

@@ -1,7 +1,10 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
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 React from "react"; import React from "react";
export default function LayoutDonasi_CreateKabar({ export default function LayoutDonasi_CreateKabar({
@@ -11,9 +14,18 @@ export default function LayoutDonasi_CreateKabar({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate header={<UIGlobal_LayoutHeaderTamplate title="Tambah Kabar" />}> {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Tambah Kabar" />}
>
{children} {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 React from "react";
import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar"; import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar";
import { RouterDonasi } from "@/lib/router_hipmi/router_donasi"; 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({ export default function LayoutUpdateKabarDonasi({
children, children,
@@ -45,7 +47,7 @@ export default function LayoutUpdateKabarDonasi({
} }
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Update Kabar" title="Update Kabar"
@@ -61,7 +63,24 @@ export default function LayoutUpdateKabarDonasi({
} }
> >
{children} {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 <UIGlobal_DrawerCustom
opened={openDrawer} 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 React from "react";
import { gs_donasi_hot_menu } from "../../global_state"; import { gs_donasi_hot_menu } from "../../global_state";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
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 { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
export default function LayoutDonasi_InvoiceProses({ export default function LayoutDonasi_InvoiceProses({
@@ -24,20 +27,34 @@ export default function LayoutDonasi_InvoiceProses({
} }
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Invoice" title="Invoice"
customButtonLeft={ customButtonLeft={
<ActionIcon variant="transparent" onClick={() => onClick()}> <ActionIcon variant="transparent" onClick={() => onClick()}>
<IconX color="white"/> <IconX color="white" />
</ActionIcon> </ActionIcon>
} }
/> />
} }
> >
{children} {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>
</> </>
); );
} }