Commit e91649a4 by G

Add a success icon on top

parent af94398e
import Box from "@components/bases/Box";
import { images } from "@styles/Commons";
import { Image } from "react-native";
const CheckIcon = () => {
return (
<Box width={50} height={50}>
<Image
source={require("../../../assets/icon_check_success.png")}
style={images.contain}
/>
</Box>
);
};
export default CheckIcon;
...@@ -5,6 +5,7 @@ import GoBackIconButton from "@components/GoBackIconButton"; ...@@ -5,6 +5,7 @@ import GoBackIconButton from "@components/GoBackIconButton";
import BackgroundDefault from "@components/backgrounds/BackgroundDefault"; import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
import Box from "@components/bases/Box"; import Box from "@components/bases/Box";
import Text from "@components/bases/Text"; import Text from "@components/bases/Text";
import CheckIcon from "@components/icons/CheckIcon";
import { LOG } from "@logger"; import { LOG } from "@logger";
import { CommonActions } from "@react-navigation/native"; import { CommonActions } from "@react-navigation/native";
// import { Text } from "react-native"; // import { Text } from "react-native";
...@@ -55,6 +56,9 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen"> ...@@ -55,6 +56,9 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen">
flexDirection={"column"} flexDirection={"column"}
gap={"l"} gap={"l"}
> >
<Box alignItems={"center"}>
<CheckIcon />
</Box>
<Text variant={"secondary"} fontWeight={"bold"} textAlign={"center"}> <Text variant={"secondary"} fontWeight={"bold"} textAlign={"center"}>
Transactions effectué avec succès ! Transactions effectué avec succès !
</Text> </Text>
......
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