Skip to content

B
beasy-mobile
Commit 20e9e468 by G
Options

commented for linting issue. this is not quite used anyway

parent e67e0790
Showing with 42 additions and 43 deletions
src/components/PaymentsOptionsRendererTwoColumn.tsx
import type React from "react"; import type React from "react";
import { Dimensions, View } from "react-native"; import { Dimensions } from "react-native";
import PaymentOption from "./PaymentOption";
import Box from "./bases/Box"; import Box from "./bases/Box";
const PaymentsOptionsRendererTwoColumn = () => { // const PaymentsOptionsRendererTwoColumn = () => {
return ( // return (
<View> // <View>
<Box flexDirection={"row"} justifyContent={"space-between"} mb={"s"}> // <Box flexDirection={"row"} justifyContent={"space-between"} mb={"s"}>
<PaymentOptionContainer> // <PaymentOptionContainer>
<PaymentOption // <PaymentOption
onPress={() => navigation.navigate("paymentAmountInputScreen")} // onPress={() => navigation.navigate("paymentAmountInputScreen")}
paymentMethod={"OrangeMoney"} // paymentMethod={"OrangeMoney"}
/> // />
</PaymentOptionContainer> // </PaymentOptionContainer>
<PaymentOptionContainer> // <PaymentOptionContainer>
<PaymentOption // <PaymentOption
onPress={() => navigation.navigate("paymentAmountInputScreen")} // onPress={() => navigation.navigate("paymentAmountInputScreen")}
paymentMethod={"MtnMoney"} // paymentMethod={"MtnMoney"}
/> // />
</PaymentOptionContainer> // </PaymentOptionContainer>
</Box> // </Box>
<Box flexDirection={"row"} justifyContent={"space-between"} mb={"s"}> // <Box flexDirection={"row"} justifyContent={"space-between"} mb={"s"}>
<PaymentOptionContainer> // <PaymentOptionContainer>
<PaymentOption // <PaymentOption
onPress={() => navigation.navigate("paymentAmountInputScreen")} // onPress={() => navigation.navigate("paymentAmountInputScreen")}
paymentMethod={"MoovMoney"} // paymentMethod={"MoovMoney"}
/> // />
</PaymentOptionContainer> // </PaymentOptionContainer>
<PaymentOptionContainer> // <PaymentOptionContainer>
<PaymentOption // <PaymentOption
onPress={() => navigation.navigate("paymentAmountInputScreen")} // onPress={() => navigation.navigate("paymentAmountInputScreen")}
paymentMethod={"WaveMoney"} // paymentMethod={"WaveMoney"}
/> // />
</PaymentOptionContainer> // </PaymentOptionContainer>
</Box> // </Box>
<PaymentOptionContainer> // <PaymentOptionContainer>
<PaymentOption // <PaymentOption
onPress={() => navigation.navigate("paymentAmountInputScreen")} // onPress={() => navigation.navigate("paymentAmountInputScreen")}
paymentMethod={"VisaCard"} // paymentMethod={"VisaCard"}
/> // />
</PaymentOptionContainer> // </PaymentOptionContainer>
</View> // </View>
); // );
}; // };
const screenWidth = Dimensions.get("window").width; const screenWidth = Dimensions.get("window").width;
const paymentOptionCardWidth = screenWidth / 2 - 30; const paymentOptionCardWidth = screenWidth / 2 - 30;
...@@ -55,4 +54,4 @@ const PaymentOptionContainer = ({ children }: { children: React.ReactNode }) => ...@@ -55,4 +54,4 @@ const PaymentOptionContainer = ({ children }: { children: React.ReactNode }) =>
); );
}; };
export default PaymentsOptionsRendererTwoColumn; // export default PaymentsOptionsRendererTwoColumn;
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