Bagasbanuna02
e16b0c2fce
Add: - [transaction]/success.tsx - [transaction]/failed.tsx Fix: - InformationBox : props type di tambah React.ReactNode - /donation/create && /donation/create-story : fix route ### No Issue
84 lines
1.9 KiB
TypeScript
84 lines
1.9 KiB
TypeScript
import {
|
|
BaseBox,
|
|
Grid,
|
|
Spacing,
|
|
StackCustom,
|
|
TextCustom,
|
|
ViewWrapper,
|
|
} from "@/components";
|
|
import { MainColor } from "@/constants/color-palet";
|
|
import { GStyles } from "@/styles/global-styles";
|
|
import { FontAwesome6 } from "@expo/vector-icons";
|
|
import dayjs from "dayjs";
|
|
|
|
export default function DonasiFailed() {
|
|
return (
|
|
<ViewWrapper>
|
|
<StackCustom>
|
|
<BaseBox>
|
|
<StackCustom>
|
|
<TextCustom bold align="center">
|
|
Transaksi anda gagal karena bukti transfer tidak sesuai dengan
|
|
data kami. Jika ini masalah khusus silahkan hubungi pada kontak
|
|
whatsapp kami.
|
|
</TextCustom>
|
|
|
|
<FontAwesome6
|
|
name="whatsapp"
|
|
size={50}
|
|
color={MainColor.green}
|
|
style={GStyles.alignSelfCenter}
|
|
/>
|
|
</StackCustom>
|
|
</BaseBox>
|
|
|
|
<BaseBox>
|
|
<TextCustom bold align="center" size="large">
|
|
Detail Transaksi
|
|
</TextCustom>
|
|
|
|
<Spacing />
|
|
|
|
<StackCustom>
|
|
{listData.map((item, i) => (
|
|
<Grid key={i}>
|
|
<Grid.Col span={5}>
|
|
<TextCustom bold>{item.label}</TextCustom>
|
|
</Grid.Col>
|
|
<Grid.Col span={7}>
|
|
<TextCustom style={{ paddingLeft: 10 }}>
|
|
{item.value}
|
|
</TextCustom>
|
|
</Grid.Col>
|
|
</Grid>
|
|
))}
|
|
</StackCustom>
|
|
</BaseBox>
|
|
</StackCustom>
|
|
</ViewWrapper>
|
|
);
|
|
}
|
|
|
|
const listData = [
|
|
{
|
|
label: "Bank",
|
|
value: " BCA",
|
|
},
|
|
{
|
|
label: "Rekening Penerima",
|
|
value: "Himpunan Pengusaha Muda Indonesia",
|
|
},
|
|
{
|
|
label: "No Rekening",
|
|
value: "2304235678854332",
|
|
},
|
|
{
|
|
label: "Jumlah Donasi",
|
|
value: "Rp. 750.000",
|
|
},
|
|
{
|
|
label: "Tanggal",
|
|
value: `${dayjs(new Date()).format("DD/MM/YYYY")}`,
|
|
},
|
|
];
|