Skip to content

B
beasy-mobile
Commit 9f3844dd by G
Options

remove the wrapper around the image. the styling of the container will be left…

remove the wrapper around the image. the styling of the container will be left to the component that need to render it
parent e9206a1d
Showing with 5 additions and 26 deletions
src/components/PaymentOption.tsx
...@@ -27,45 +27,24 @@ const PaymentOptionContainer = ({ children }: { children: React.ReactNode }) => ...@@ -27,45 +27,24 @@ const PaymentOptionContainer = ({ children }: { children: React.ReactNode }) =>
const Orange = () => { const Orange = () => {
return ( return (
<PaymentOptionContainer> <Image source={require("../../assets/operators/orange_money.png")} style={images.cover} />
<Image
source={require("../../assets/operators/orange_money.png")}
style={images.cover}
/>
</PaymentOptionContainer>
); );
}; };
const Mtn = () => { const Mtn = () => {
return ( return <Image source={require("../../assets/operators/mtn_money.png")} style={images.cover} />;
<PaymentOptionContainer>
<Image source={require("../../assets/operators/mtn_money.png")} style={images.cover} />
</PaymentOptionContainer>
);
}; };
const Flooz = () => { const Flooz = () => {
return ( return <Image source={require("../../assets/operators/moov_money.png")} style={images.cover} />;
<PaymentOptionContainer>
<Image source={require("../../assets/operators/moov_money.png")} style={images.cover} />
</PaymentOptionContainer>
);
}; };
const Wave = () => { const Wave = () => {
return ( return <Image source={require("../../assets/operators/wave_money.png")} style={images.cover} />;
<PaymentOptionContainer>
<Image source={require("../../assets/operators/wave_money.png")} style={images.cover} />
</PaymentOptionContainer>
);
}; };
const Cb = () => { const Cb = () => {
return ( return <Image source={require("../../assets/operators/visa_card.png")} style={images.cover} />;
<PaymentOptionContainer>
<Image source={require("../../assets/operators/visa_card.png")} style={images.cover} />
</PaymentOptionContainer>
);
}; };
const PaymentOption = ({ onPress, paymentMethod }: Props) => { const PaymentOption = ({ onPress, paymentMethod }: Props) => {
......
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