diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx index f912b2b..cd737c0 100644 --- a/app/(application)/(user)/_layout.tsx +++ b/app/(application)/(user)/_layout.tsx @@ -390,8 +390,21 @@ export default function UserLayout() { headerLeft: () => , }} /> - - + , + }} + /> + , + }} + /> + {/* ========== End Donation Section ========= */} {/* ========== Job Section ========= */} diff --git a/app/(application)/(user)/donation/(tabs)/index.tsx b/app/(application)/(user)/donation/(tabs)/index.tsx index 3f0709a..dc91c4f 100644 --- a/app/(application)/(user)/donation/(tabs)/index.tsx +++ b/app/(application)/(user)/donation/(tabs)/index.tsx @@ -1,15 +1,9 @@ import { - BaseBox, - DummyLandscapeImage, - FloatingButton, - Grid, - ProgressCustom, - StackCustom, - TextCustom, - ViewWrapper, + FloatingButton, + ViewWrapper } from "@/components"; +import Donation_BoxPublish from "@/screens/Donation/BoxPublish"; import { router } from "expo-router"; -import { View } from "react-native"; export default function DonationBeranda() { return ( @@ -20,36 +14,7 @@ export default function DonationBeranda() { } > {Array.from({ length: 10 }).map((_, index) => ( - - - - - - - - - - - - - Judul Donasi: Lorem ipsum dolor sit amet consectetur - adipisicing elit. - - Sisa hari: 0 - - - {/* - Terkumpul : Rp 300.000 - */} - - - - + ))} ); diff --git a/app/(application)/(user)/donation/[id]/[status]/detail.tsx b/app/(application)/(user)/donation/[id]/[status]/detail.tsx index bcf6f2c..86962cc 100644 --- a/app/(application)/(user)/donation/[id]/[status]/detail.tsx +++ b/app/(application)/(user)/donation/[id]/[status]/detail.tsx @@ -42,7 +42,7 @@ export default function DonasiDetailStatus() { /> - + diff --git a/app/(application)/(user)/donation/[id]/detail-story.tsx b/app/(application)/(user)/donation/[id]/detail-story.tsx new file mode 100644 index 0000000..93bf712 --- /dev/null +++ b/app/(application)/(user)/donation/[id]/detail-story.tsx @@ -0,0 +1,28 @@ +import { + DummyLandscapeImage, + StackCustom, + TextCustom, + ViewWrapper, +} from "@/components"; +import { useLocalSearchParams } from "expo-router"; + +export default function DonationDetailStory() { + const { id } = useLocalSearchParams(); + return ( + + + + Lorem {id} ipsum dolor, sit amet consectetur adipisicing elit. Fuga + quasi nam nesciunt nisi corporis alias modi, pariatur sit totam rem + fugiat ex similique magni, aliquam maiores officiis iure at adipisci. + + + + Lorem {id} ipsum dolor, sit amet consectetur adipisicing elit. Fuga + quasi nam nesciunt nisi corporis alias modi, pariatur sit totam rem + fugiat ex similique magni, aliquam maiores officiis iure at adipisci. + + + + ); +} diff --git a/app/(application)/(user)/donation/[id]/index.tsx b/app/(application)/(user)/donation/[id]/index.tsx index 4d7a487..cf0b9e3 100644 --- a/app/(application)/(user)/donation/[id]/index.tsx +++ b/app/(application)/(user)/donation/[id]/index.tsx @@ -1,9 +1,37 @@ -import { TextCustom } from "@/components"; +import { + BoxButtonOnFooter, + ButtonCustom, + StackCustom, + ViewWrapper +} from "@/components"; +import Donation_ComponentBoxDetailData from "@/screens/Donation/ComponentBoxDetailData"; +import Donation_ComponentInfoFundrising from "@/screens/Donation/ComponentInfoFundrising"; +import Donation_ComponentStoryFunrising from "@/screens/Donation/ComponentStoryFunrising"; +import Donation_ProgressSection from "@/screens/Donation/ProgressSection"; +import { useLocalSearchParams } from "expo-router"; + +export default function DonasiDetailBeranda() { + const { id } = useLocalSearchParams(); + + const buttonSection = ( + <> + + Donasi + + + ); -export default function DonasiBeranda() { return ( <> - Detail Donasi + + + } + /> + + + + ); } diff --git a/app/(application)/(user)/donation/[id]/infromation-fundrising.tsx b/app/(application)/(user)/donation/[id]/infromation-fundrising.tsx new file mode 100644 index 0000000..4bf6d94 --- /dev/null +++ b/app/(application)/(user)/donation/[id]/infromation-fundrising.tsx @@ -0,0 +1,44 @@ +import { + AvatarCustom, + BaseBox, + ButtonCustom, + CenterCustom, + Grid, + Spacing, + TextCustom, + ViewWrapper +} from "@/components"; +import Donation_BoxPublish from "@/screens/Donation/BoxPublish"; +import React from "react"; + +export default function DonationInformationFunrising() { + return ( + <> + + + + + + + + @Username + + + + + + Kunjungi Profile + + + + + + + + {Array.from({ length: 10 }).map((_, index) => ( + + ))} + + + ); +} diff --git a/screens/Donation/BoxPublish.tsx b/screens/Donation/BoxPublish.tsx new file mode 100644 index 0000000..e3da36a --- /dev/null +++ b/screens/Donation/BoxPublish.tsx @@ -0,0 +1,41 @@ +import { + BaseBox, + Grid, + DummyLandscapeImage, + StackCustom, + TextCustom, + ProgressCustom, +} from "@/components"; +import { View } from "react-native"; + +export default function Donation_BoxPublish({ id }: { id: string }) { + return ( + <> + + + + + + + + + + + + + Judul Donasi: Lorem ipsum dolor sit amet consectetur + adipisicing elit. + + Sisa hari: 0 + + + {/* + Terkumpul : Rp 300.000 + */} + + + + + + ); +} diff --git a/screens/Donation/ComponentBoxDetailData.tsx b/screens/Donation/ComponentBoxDetailData.tsx index 9011048..de28e70 100644 --- a/screens/Donation/ComponentBoxDetailData.tsx +++ b/screens/Donation/ComponentBoxDetailData.tsx @@ -5,9 +5,14 @@ import { TextCustom, Grid, } from "@/components"; +import React from "react"; import { View } from "react-native"; -export default function Donation_ComponentBoxDetailData() { +export default function Donation_ComponentBoxDetailData({ + bottomSection, +}: { + bottomSection?: React.ReactNode; +}) { return ( <> @@ -39,6 +44,7 @@ export default function Donation_ComponentBoxDetailData() { + {bottomSection} diff --git a/screens/Donation/ComponentInfoFundrising.tsx b/screens/Donation/ComponentInfoFundrising.tsx new file mode 100644 index 0000000..20a95bf --- /dev/null +++ b/screens/Donation/ComponentInfoFundrising.tsx @@ -0,0 +1,48 @@ +import { + AvatarUsernameAndOtherComponent, + BaseBox, + Grid, + InformationBox, + StackCustom, + TextCustom, +} from "@/components"; +import { MainColor } from "@/constants/color-palet"; +import { ICON_SIZE_SMALL } from "@/constants/constans-value"; +import { Ionicons } from "@expo/vector-icons"; + +export default function Donation_ComponentInfoFundrising({ + id, +}: { + id: string; +}) { + return ( + <> + + + + + + Informasi Penggalang Dana + + + + + + + + + + + + + ); +} diff --git a/screens/Donation/ComponentStoryFunrising.tsx b/screens/Donation/ComponentStoryFunrising.tsx index 0232411..6eb9856 100644 --- a/screens/Donation/ComponentStoryFunrising.tsx +++ b/screens/Donation/ComponentStoryFunrising.tsx @@ -3,36 +3,40 @@ import { MainColor } from "@/constants/color-palet"; import { ICON_SIZE_SMALL } from "@/constants/constans-value"; import { Ionicons } from "@expo/vector-icons"; -export default function Donation_ComponentStoryFunrising() { - return ( - <> - - - - - - Cerita Penggalang Dana - - - - - - - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, - iusto porro quae optio accusantium amet minima deleniti temporibus - cum voluptatem vel veniam doloribus blanditiis sapiente deserunt - distinctio eaque aliquid laboriosam? - - - - - ); -} \ No newline at end of file +export default function Donation_ComponentStoryFunrising({ + id, +}: { + id: string; +}) { + return ( + <> + + + + + + Cerita Penggalang Dana + + + + + + + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, + iusto porro quae optio accusantium amet minima deleniti temporibus + cum voluptatem vel veniam doloribus blanditiis sapiente deserunt + distinctio eaque aliquid laboriosam? + + + + + ); +} diff --git a/screens/Donation/ProgressSection.tsx b/screens/Donation/ProgressSection.tsx new file mode 100644 index 0000000..93e12a1 --- /dev/null +++ b/screens/Donation/ProgressSection.tsx @@ -0,0 +1,59 @@ +import { ProgressCustom, Spacing, Grid, TextCustom } from "@/components"; +import { MainColor } from "@/constants/color-palet"; +import { ICON_SIZE_MEDIUM } from "@/constants/constans-value"; +import { Ionicons, MaterialIcons } from "@expo/vector-icons"; +import { View } from "react-native"; + +export default function Donation_ProgressSection() { + return ( + <> + + + + + + + + + Donatur + + + + + + + Kabar Terbaru + + + + + + + Pencairan Dana + + + + + + ); +} \ No newline at end of file