renamed the component

src/components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea.tsx

@@ -4,7 +4,7 @@ import WrapperTopEdgeCurved from "@components/WrapperTopEdgeCurved";
 import Box from "@components/bases/Box";
 import { useNavigation } from "@react-navigation/native";
 import type { ReactElement } from "react";
-import BackgroundDefault from "./BackgroundDefault";
+import BackgroundDefault from "./BeasyDefaultBackgroundWrapper";
 
 const BackgroundWithBeasyIconAndWhiteContentArea = ({
 	children,

src/screens/PaymentAmountInputScreen.tsx

@@ -5,7 +5,7 @@ import Button from "@components/Button";
 import GoBackIconButton from "@components/GoBackIconButton";
 import InputWithTopLabel from "@components/InputWithTopLabel";
 import PaymentOption from "@components/PaymentOption";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import useOrangeMoney from "@hooks/useOrangeMoney";
@@ -92,7 +92,7 @@ const PaymentAmountInputScreen: PaymentStackScreenComponentProps<"paymentAmountI
 	]);
 
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			{/* <SafeAreaView> */}
 
 			{transactionsStatusMutation.isPending && <LoadingScreen />}
@@ -150,7 +150,7 @@ const PaymentAmountInputScreen: PaymentStackScreenComponentProps<"paymentAmountI
 				</Box>
 			</Box>
 			{/* </SafeAreaView> */}
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };
 

src/screens/PaymentResultScreen.tsx

@@ -2,7 +2,7 @@ import type { MainStackScreenComponentProps } from "@/navigations/Types";
 import BeasyLogoIcon from "@components/BeasyLogoIcon";
 import Button from "@components/Button";
 import GoBackIconButton from "@components/GoBackIconButton";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import CheckIcon from "@components/icons/CheckIcon";
@@ -20,7 +20,7 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen">
 	const insets = useSafeAreaInsets();
 	log.debug("insets", insets);
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			<SafeAreaView edges={["top", "left", "right"]}>
 				<Box
 					style={{
@@ -135,7 +135,7 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen">
 					</Box>
 				</Box>
 			</SafeAreaView>
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };
 

src/screens/UserLoginScreen.tsx

@@ -3,7 +3,7 @@ import type { MainStackScreenComponentProps } from "@/navigations/Types";
 import Button from "@components/Button";
 import ContainerBorderTopCurved from "@components/ContainerBorderTopCurved";
 import InputWithTopLabel from "@components/InputWithTopLabel";
-import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
+import BeasyDefaultBackgroundWrapper from "@components/backgrounds/BeasyDefaultBackgroundWrapper";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
 import { Fontisto } from "@expo/vector-icons";
@@ -27,7 +27,7 @@ const UserLoginScreen: MainStackScreenComponentProps<"userLoginScreen"> = ({ nav
 	}, [email, password, login]);
 
 	return (
-		<BackgroundDefault>
+		<BeasyDefaultBackgroundWrapper>
 			<View style={[containers.containerFull]}>
 				<Box style={{ height: "20%" }} px={"l"}>
 					<Box
@@ -98,7 +98,7 @@ const UserLoginScreen: MainStackScreenComponentProps<"userLoginScreen"> = ({ nav
 					</KeyboardAwareScrollView>
 				</ContainerBorderTopCurved>
 			</View>
-		</BackgroundDefault>
+		</BeasyDefaultBackgroundWrapper>
 	);
 };