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

Admin Component

Browse Source 
Add:
- GridViewCustomSpan
- GridView_4_4_4

Fix:
- BackButtonAntTitle: penambahan new component
- SelectCustom: penambahan container style

Admin Donasi
Add:
- admin/donation/[id]

Fix:
- admin/donation/[status]/status

Admin Fix: perubahan nama halaman sesuai fitur

### No Issue
This commit is contained in:
Bagasbanuna02
2025-08-13 14:18:30 +08:00
parent 6f3cc03fa5
commit 52c16b25b7
16 changed files with 842 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
components/_ShareComponent/Admin/BackButtonAntTitle.tsx
View File

@@ -5,28 +5,37 @@ import AdminBackButton from "./BackButton";
export default function AdminBackButtonAntTitle({
title,
rightComponent,
newComponent,
}: {
title: string;
title?: string;
rightComponent?: React.ReactNode;
newComponent?: React.ReactNode;
}) {
return (
<>
<Grid>
<Grid.Col span={2}>
<Grid.Col span={2} style={{ justifyContent: "center" }}>
<AdminBackButton />
</Grid.Col>
<Grid.Col
span={8}
style={{ alignItems: "center", justifyContent: "center" }}
>
</Grid.Col>
<Grid.Col
span={newComponent ? 10 : 8}
style={{ alignItems: "center", justifyContent: "center" }}
>
{newComponent ? (
newComponent
) : (
<TextCustom bold size={"large"} align="center">
{title}
</TextCustom>
</Grid.Col>
<Grid.Col span={2} style={{ alignItems: "flex-end" }}>
{rightComponent}
</Grid.Col>
</Grid>
</>
);
}
)}
</Grid.Col>
<Grid.Col
span={newComponent ? 0 : 2}
style={{ alignItems: "flex-end" }}
>
{rightComponent}
</Grid.Col>
</Grid>
</>
);
}

40
components/_ShareComponent/GridViewCustomSpan.tsx Normal file
View File

@@ -0,0 +1,40 @@
import { Grid } from "@/components";
export const GridViewCustomSpan = ({
span1,
span2,
span3,
component1,
component2,
component3,
}: {
span1: number;
span2: number;
span3: number;
component1: React.ReactNode;
component2: React.ReactNode;
component3: React.ReactNode;
}) => {
return (
<Grid>
<Grid.Col
span={span1 || 4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component1}
</Grid.Col>
<Grid.Col
span={span2 || 4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component2}
</Grid.Col>
<Grid.Col
span={span3 || 4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component3}
</Grid.Col>
</Grid>
);
};

34
components/_ShareComponent/GridView_4_4_4.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { Grid } from "@/components";
export const GridView_4_4_4 = ({
component1,
component2,
component3,
}: {
component1: React.ReactNode;
component2: React.ReactNode;
component3: React.ReactNode;
}) => {
return (
<Grid>
<Grid.Col
span={4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component1}
</Grid.Col>
<Grid.Col
span={4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component2}
</Grid.Col>
<Grid.Col
span={4}
style={{ justifyContent: "center", paddingRight: 5, paddingLeft: 5 }}
>
{component3}
</Grid.Col>
</Grid>
);
};