diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx index c8ad9c0..a037bbd 100644 --- a/app/(application)/(user)/_layout.tsx +++ b/app/(application)/(user)/_layout.tsx @@ -344,7 +344,7 @@ export default function UserLayout() { name="donation/(tabs)" options={{ title: "Donasi", - headerLeft: () => , + headerLeft: () => , }} /> @@ -362,13 +362,7 @@ export default function UserLayout() { headerLeft: () => , }} /> - {/* , - }} - /> */} + , }} /> - + + , + }} + /> + , + }} + /> + ( + router.navigate(`/donation/(tabs)/my-donation`)} + /> + ), + }} + /> + ( + router.navigate(`/donation/(tabs)/my-donation`)} + /> + ), + }} + /> + {/* ========== End Donation Section ========= */} {/* ========== Job Section ========= */} diff --git a/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/invoice.tsx b/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/invoice.tsx new file mode 100644 index 0000000..ebc42e5 --- /dev/null +++ b/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/invoice.tsx @@ -0,0 +1,110 @@ +import { + BaseBox, + ButtonCenteredOnly, + ButtonCustom, + Grid, + InformationBox, + Spacing, + StackCustom, + TextCustom, + ViewWrapper, +} from "@/components"; +import { MainColor } from "@/constants/color-palet"; +import { router, useLocalSearchParams } from "expo-router"; + +export default function DonationInvoice() { + const { id } = useLocalSearchParams(); + return ( + <> + + + + + + Nama BANK + Nama Penerima + + + + + + + 4567898765433567 + + + + Salin + + + + + + + + + Jumlah Transaksi + + + + + + + + Rp. 1.000.000 + + + + Salin + + + + + + + + + Upload bukti transfer anda. + { + router.push("/(application)/(image)/take-picture/123"); + }} + icon="upload" + > + Upload + + + + + { + router.push(`/donation/${id}/(transaction-flow)/process`); + }} + > + Saya Sudah Transfer + + + + + + ); +} diff --git a/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/process.tsx b/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/process.tsx new file mode 100644 index 0000000..0ffb1d7 --- /dev/null +++ b/app/(application)/(user)/donation/[id]/(transaction-flow)/[transaction]/process.tsx @@ -0,0 +1,45 @@ +import { + BaseBox, + Grid, + StackCustom, + TextCustom, + ViewWrapper, +} from "@/components"; +import { MainColor } from "@/constants/color-palet"; +import { Ionicons } from "@expo/vector-icons"; +import { ActivityIndicator } from "react-native"; + +export default function DonationProcess() { + return ( + <> + + + + + Admin sedang memproses transaksi donasimu + + + + + + + + + + Hubungi admin jika tidak kunjung di proses! Klik pada logo + Whatsapp ini. + + + + + + + + + + ); +} diff --git a/app/(application)/(user)/donation/[id]/(transaction-flow)/index.tsx b/app/(application)/(user)/donation/[id]/(transaction-flow)/index.tsx new file mode 100644 index 0000000..1af686a --- /dev/null +++ b/app/(application)/(user)/donation/[id]/(transaction-flow)/index.tsx @@ -0,0 +1,81 @@ +import { + BaseBox, + BoxButtonOnFooter, + ButtonCustom, + Grid, + TextCustom, + TextInputCustom, + ViewWrapper, +} from "@/components"; +import { MainColor } from "@/constants/color-palet"; +import { ICON_SIZE_SMALL } from "@/constants/constans-value"; +import { Ionicons } from "@expo/vector-icons"; +import { router, useLocalSearchParams } from "expo-router"; + +export default function InvestmentInputDonation() { + const { id } = useLocalSearchParams(); + const bottomComponent = ( + + router.replace(`/donation/${id}/select-bank`)} + > + Lanjutan + + + ); + return ( + <> + + {listData.map((item, i) => ( + + + + + Rp. {item.label} + + + + + + + + ))} + + + + + Minimal donasi Rp. 10.000 + + + + + ); +} + +const listData = [ + { + label: "25.000", + value: 25000, + }, + { + label: "50.000", + value: 50000, + }, + { + label: "100.000", + value: 100000, + }, + { + label: "250.000", + value: 250000, + }, +]; diff --git a/app/(application)/(user)/donation/[id]/(transaction-flow)/select-bank.tsx b/app/(application)/(user)/donation/[id]/(transaction-flow)/select-bank.tsx new file mode 100644 index 0000000..4564373 --- /dev/null +++ b/app/(application)/(user)/donation/[id]/(transaction-flow)/select-bank.tsx @@ -0,0 +1,44 @@ +import { + BaseBox, + BoxButtonOnFooter, + ButtonCustom, + ViewWrapper, +} from "@/components"; +import { RadioCustom, RadioGroup } from "@/components/Radio/RadioCustom"; +import { dummyMasterBank } from "@/lib/dummy-data/_master/bank"; +import { router, useLocalSearchParams } from "expo-router"; +import { useState } from "react"; + +export default function DonationSelectBank() { + const { id, transaction } = useLocalSearchParams(); + const [value, setValue] = useState(""); + + const buttonSubmit = () => { + return ( + <> + + + router.replace( + `/(application)/(user)/donation/${id}/(transaction-flow)/${transaction}/invoice` + ) + } + > + Pilih + + + + ); + }; + return ( + + + {dummyMasterBank.map((item) => ( + + + + ))} + + + ); +} diff --git a/app/(application)/(user)/donation/[id]/[status]/detail.tsx b/app/(application)/(user)/donation/[id]/[status]/detail.tsx index 86962cc..f483fe7 100644 --- a/app/(application)/(user)/donation/[id]/[status]/detail.tsx +++ b/app/(application)/(user)/donation/[id]/[status]/detail.tsx @@ -6,13 +6,14 @@ import { Spacing, ViewWrapper, } from "@/components"; -import { IconEdit } from "@/components/_Icon"; +import { IconEdit, IconNews } from "@/components/_Icon"; import { IMenuDrawerItem } from "@/components/_Interface/types"; import { MainColor } from "@/constants/color-palet"; import { ICON_SIZE_SMALL } from "@/constants/constans-value"; import Donation_ButtonStatusSection from "@/screens/Donation/ButtonStatusSection"; import Donation_ComponentBoxDetailData from "@/screens/Donation/ComponentBoxDetailData"; import Donation_ComponentStoryFunrising from "@/screens/Donation/ComponentStoryFunrising"; +import Donation_ProgressSection from "@/screens/Donation/ProgressSection"; import { FontAwesome6 } from "@expo/vector-icons"; import { router, Stack, useLocalSearchParams } from "expo-router"; import _ from "lodash"; @@ -21,6 +22,7 @@ import { useState } from "react"; export default function DonasiDetailStatus() { const { id, status } = useLocalSearchParams(); const [openDrawer, setOpenDrawer] = useState(false); + const [openDrawerPublish, setOpenDrawerPublish] = useState(false); const handlePress = (item: IMenuDrawerItem) => { console.log("PATH ", item.path); @@ -37,11 +39,17 @@ export default function DonasiDetailStatus() { headerRight: () => status === "draft" ? ( setOpenDrawer(true)} /> + ) : status === "publish" ? ( + setOpenDrawerPublish(true)} /> ) : null, }} /> - + + } + /> @@ -62,7 +70,7 @@ export default function DonasiDetailStatus() { }, { icon: , - label: "Edit Cerita Penggalang", + label: "Edit Cerita", path: `/donation/${id}/edit-story`, }, { @@ -81,6 +89,27 @@ export default function DonasiDetailStatus() { onPressItem={handlePress as any} /> + + setOpenDrawerPublish(false)} + height={"auto"} + > + , + label: "Rekap Kabar", + path: `/donation/${id}/(news)/recap-of-news`, + }, + ]} + onPressItem={(item) => { + console.log("PATH ", item.path); + router.navigate(item.path as any); + setOpenDrawerPublish(false); + }} + /> + ); } diff --git a/app/(application)/(user)/donation/[id]/index.tsx b/app/(application)/(user)/donation/[id]/index.tsx index be91868..5cea0cd 100644 --- a/app/(application)/(user)/donation/[id]/index.tsx +++ b/app/(application)/(user)/donation/[id]/index.tsx @@ -23,7 +23,13 @@ export default function DonasiDetailBeranda() { const buttonSection = ( <> - Donasi + + router.navigate(`/donation/${id}/(transaction-flow)`) + } + > + Donasi + ); diff --git a/app/(application)/(user)/investment/[id]/(transaction-flow)/process.tsx b/app/(application)/(user)/investment/[id]/(transaction-flow)/process.tsx index eec7c2b..f541987 100644 --- a/app/(application)/(user)/investment/[id]/(transaction-flow)/process.tsx +++ b/app/(application)/(user)/investment/[id]/(transaction-flow)/process.tsx @@ -16,7 +16,7 @@ export default function InvestmentProcess() { - Admin sedang memproses transaksimu + Admin sedang memproses transaksi investasimu