Skip to content

B
beasy-mobile
Commit bd9cd55b by G
Options

refactor: PaymentResultScreen no longer have dependencies on old components such as Box.

parent e66a4d54
Showing with 99 additions and 114 deletions
src/screens/PaymentResultScreen.tsx
import { asp as g } from "@asp/asp";
import { BarnoinPayBackground } from "@components/BarnoinPayBackground";
import BeasyLogoIcon from "@components/BeasyLogoIcon"; import BeasyLogoIcon from "@components/BeasyLogoIcon";
import Button from "@components/Button"; import * as Button from "@components/ButtonNew";
import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackground";
import Box from "@components/bases/Box";
import Text from "@components/bases/Text";
import GoBackIconButton from "@components/GoBackIconButton";
import CheckIcon from "@components/icons/CheckIcon"; import CheckIcon from "@components/icons/CheckIcon";
import { AntDesign } from "@expo/vector-icons";
import { LOG } from "@logger"; import { LOG } from "@logger";
import { CommonActions } from "@react-navigation/native"; import { Text, View } from "react-native";
// import { Text } from "react-native"; import { useSafeAreaInsets } from "react-native-safe-area-context";
import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
import type { MainStackScreenComponentProps } from "@/navigations/types"; import type { MainStackScreenComponentProps } from "@/navigations/types";
const log = LOG.extend("PaymentResultScreen"); const log = LOG.extend("PaymentResultScreen");
...@@ -20,122 +18,109 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen"> ...@@ -20,122 +18,109 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen">
const insets = useSafeAreaInsets(); const insets = useSafeAreaInsets();
log.debug("insets", insets); log.debug("insets", insets);
return ( return (
<BeasyDefaultBackgroundWrapper> <BarnoinPayBackground style={[g.gap_lg]}>
<SafeAreaView edges={["top", "left", "right"]}> <View style={[g.px_lg, g.flex_row, g.align_center, g.justify_between]}>
<Box
style={{
height: "100%",
width: "100%",
// marginTop: insets.top,
}}
>
<Box
px={"l"}
flexDirection={"row"}
justifyContent={"space-between"}
alignItems={"center"}
mb={"m"}
>
<BeasyLogoIcon /> <BeasyLogoIcon />
<GoBackIconButton <AntDesign
onPress={() => { name="arrowleft"
navigation.dispatch( size={24}
CommonActions.reset({ color="black"
index: 1, onPress={() => navigation.goBack()}
routes: [{ name: "appBottomTabsNavigator" }],
}),
);
}}
/> />
</Box> </View>
<Box <View style={[g.flex_1]}>
flex={1} <View
backgroundColor={"white"} style={[
borderRadius={20} g.flex_1,
p={"l"} g.gap_lg,
flexDirection={"column"} g.p_lg,
gap={"l"} {
backgroundColor: "white",
borderTopLeftRadius: 20,
borderTopRightRadius: 20,
},
]}
> >
<Box alignItems={"center"}> <View style={[g.self_center]}>
<CheckIcon /> <CheckIcon />
</Box> </View>
<Text variant={"secondary"} fontWeight={"bold"} textAlign={"center"}> <Text style={[g.text_center]}>Transactions effectué avec succès !</Text>
Transactions effectué avec succès !
</Text> <Button.Container style={[g.self_center, { width: 200 }]}>
<Button <Button.Label>Imprimer le réçu</Button.Label>
width={200} </Button.Container>
alignSelf={"center"}
variant={"full"} <View style={[g.rounded_lg, g.p_lg, { backgroundColor: "#eeeef1ff" }]}>
textVariants={"white"} <View
label={"Imprimer le réçu"} style={[
onPress={() => {}} g.flex_row,
/> g.justify_between,
<Box backgroundColor={"lightGray"} flex={1} borderRadius={20} p={"l"}> g.p_md,
<Box { borderBottomColor: "#000", borderBottomWidth: 1 },
flexDirection={"row"} ]}
justifyContent={"space-between"}
borderBottomColor={"gray"}
borderBottomWidth={1}
py={"m"}
> >
<Text fontWeight={"bold"}>Caisse</Text> <Text style={[g.font_bold]}>Caisse</Text>
<Text variant={"black"}>00147C</Text> <Text>00147C</Text>
</Box> </View>
<Box <View
flexDirection={"row"} style={[
justifyContent={"space-between"} g.flex_row,
borderBottomColor={"gray"} g.justify_between,
borderBottomWidth={1} g.p_md,
py={"m"} { borderBottomColor: "#000", borderBottomWidth: 1 },
]}
> >
<Text fontWeight={"bold"}>Reference</Text> <Text style={[g.font_bold]}>Reference</Text>
<Text variant={"black"}>CP...</Text> <Text>CP...</Text>
</Box> </View>
<Box <View
flexDirection={"row"} style={[
justifyContent={"space-between"} g.flex_row,
borderBottomColor={"gray"} g.justify_between,
borderBottomWidth={1} g.p_md,
py={"m"} { borderBottomColor: "#000", borderBottomWidth: 1 },
]}
> >
<Text fontWeight={"bold"}>Mode de paiement</Text> <Text style={[g.font_bold]}>Mode de paiement</Text>
<Text variant={"black"}>Orange</Text> <Text>Orange</Text>
</Box> </View>
<Box <View
flexDirection={"row"} style={[
justifyContent={"space-between"} g.flex_row,
borderBottomColor={"gray"} g.justify_between,
borderBottomWidth={1} g.p_md,
py={"m"} { borderBottomColor: "#000", borderBottomWidth: 1 },
]}
> >
<Text fontWeight={"bold"}>Infos client</Text> <Text style={[g.font_bold]}>Infos client</Text>
<Text variant={"black"}>Dogeless Miso</Text> <Text>Dogeless Miso</Text>
</Box> </View>
<Box <View
flexDirection={"row"} style={[
justifyContent={"space-between"} g.flex_row,
borderBottomColor={"gray"} g.justify_between,
borderBottomWidth={1} g.p_md,
py={"m"} { borderBottomColor: "#000", borderBottomWidth: 1 },
]}
> >
<Text fontWeight={"bold"}>Montant</Text> <Text style={[g.font_bold]}>Montant</Text>
<Text variant={"black"}>10</Text> <Text>10</Text>
</Box> </View>
<Box <View
flexDirection={"row"} style={[
justifyContent={"space-between"} g.flex_row,
borderBottomColor={"gray"} g.justify_between,
borderBottomWidth={1} g.p_md,
py={"m"} { borderBottomColor: "#000" },
]}
> >
<Text fontWeight={"bold"}>N° Client</Text> <Text style={[g.font_bold]}>N° Client</Text>
<Text variant={"black"}>Dogeless Misso</Text> <Text>Dogeless Misso</Text>
</Box> </View>
</Box> </View>
</Box> </View>
</Box> </View>
</SafeAreaView> </BarnoinPayBackground>
</BeasyDefaultBackgroundWrapper>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment