Files
hipmi-mobile/app/(application)/admin/donation/[id]/disbursement-of-funds.tsx
Bagasbanuna02 52c16b25b7 Admin Component
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
2025-08-13 14:18:30 +08:00

86 lines
2.0 KiB
TypeScript

import {
BaseBox,
BoxButtonOnFooter,
ButtonCenteredOnly,
ButtonCustom,
InformationBox,
Spacing,
StackCustom,
TextAreaCustom,
TextCustom,
TextInputCustom,
ViewWrapper,
} from "@/components";
import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
import { router, useLocalSearchParams } from "expo-router";
export default function AdminDonationDisbursementOfFunds() {
const { id } = useLocalSearchParams();
const handleSubmit = (
<BoxButtonOnFooter>
<ButtonCustom
onPress={() => {
router.back();
}}
>
Simpan
</ButtonCustom>
</BoxButtonOnFooter>
);
return (
<ViewWrapper
headerComponent={<AdminBackButtonAntTitle title="Pencairan Dana" />}
footerComponent={handleSubmit}
>
<BaseBox>
<StackCustom gap="md">
<TextCustom align="center" bold size="large">
Dana Tersisa
</TextCustom>
<TextCustom align="center" bold size="large">
Rp 1.000.000
</TextCustom>
</StackCustom>
</BaseBox>
<BaseBox>
<TextCustom bold size="large" align="center">
Form Pencairan Dana
</TextCustom>
<Spacing />
<StackCustom gap={"xs"}>
<TextInputCustom
required
keyboardType="numeric"
label="Nominal"
placeholder="0"
iconLeft={"Rp"}
/>
<TextInputCustom required label="Judul" placeholder="Masukan judul" />
<TextAreaCustom
required
label="Deskripsi"
placeholder="Masukan deskripsi"
showCount
maxLength={500}
/>
</StackCustom>
</BaseBox>
<InformationBox text="Wajib menyertakan bukti transfer" />
<ButtonCenteredOnly
onPress={() => {
router.push(`/(application)/(image)/take-picture/${id}`);
}}
icon="upload"
>
Upload
</ButtonCenteredOnly>
<Spacing />
</ViewWrapper>
);
}