Add: - screens/Donation/ - donation/[id]/ Fix: - donation/(tabs)/status.tsx - donation/create-story.tsx - donation/create.tsx ## No Issue
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import {
|
|
BaseBox,
|
|
StackCustom,
|
|
DummyLandscapeImage,
|
|
TextCustom,
|
|
Grid,
|
|
} from "@/components";
|
|
import { View } from "react-native";
|
|
|
|
export default function Donation_ComponentBoxDetailData() {
|
|
return (
|
|
<>
|
|
<BaseBox>
|
|
<StackCustom>
|
|
<DummyLandscapeImage />
|
|
<View>
|
|
<TextCustom bold size="large">
|
|
Judul Donasi: Lorem, ipsum dolor sit amet consectetur adipisicing
|
|
elit.
|
|
</TextCustom>
|
|
<TextCustom size="small">Durasi: 30 hari</TextCustom>
|
|
</View>
|
|
|
|
<Grid>
|
|
<Grid.Col span={6}>
|
|
<View>
|
|
<TextCustom size="small">Target Dana</TextCustom>
|
|
<TextCustom truncate={2} size="large" bold color="yellow">
|
|
Rp. 7.500.000
|
|
</TextCustom>
|
|
</View>
|
|
</Grid.Col>
|
|
<Grid.Col span={6}>
|
|
<View>
|
|
<TextCustom size="small">Kategori</TextCustom>
|
|
<TextCustom size="large" bold color="yellow">
|
|
Kegiatan Sosial
|
|
</TextCustom>
|
|
</View>
|
|
</Grid.Col>
|
|
</Grid>
|
|
</StackCustom>
|
|
</BaseBox>
|
|
</>
|
|
);
|
|
}
|