Skip to content

B
beasy-mobile
Commit 209a1ea6 by G
Options

using the card component

parent cae3b53d
Showing with 5 additions and 16 deletions
src/components/BalanceContainer.tsx
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 Card from "@re-card";
import { images } from "@styles/Commons"; import { images } from "@styles/Commons";
import * as LocalAuthentication from "expo-local-authentication"; import * as LocalAuthentication from "expo-local-authentication";
import { useState } from "react"; import { useState } from "react";
...@@ -23,25 +24,13 @@ const BalanceContainer = ({ label, balance }: Props) => { ...@@ -23,25 +24,13 @@ const BalanceContainer = ({ label, balance }: Props) => {
}; };
return ( return (
<Box <Card position={"relative"} variant={"balanceContainer"}>
position={"relative"} <Card variant={"balanceContainer"} position={"absolute"}>
width={300}
height={130}
alignItems={"center"}
justifyContent={"center"}
>
<Box
width={300}
height={130}
borderRadius={10}
overflow={"hidden"}
position={"absolute"}
>
<Image <Image
source={require("../../assets/balance_container.png")} source={require("../../assets/balance_container.png")}
style={images.cover} style={images.cover}
/> />
</Box> </Card>
<Box alignItems={"center"} gap={"s"}> <Box alignItems={"center"} gap={"s"}>
<TouchableOpacity onPress={handleLocalAuthentication}> <TouchableOpacity onPress={handleLocalAuthentication}>
...@@ -63,7 +52,7 @@ const BalanceContainer = ({ label, balance }: Props) => { ...@@ -63,7 +52,7 @@ const BalanceContainer = ({ label, balance }: Props) => {
<Text color={"gray"}>{label}</Text> <Text color={"gray"}>{label}</Text>
</Box> </Box>
</Box> </Card>
); );
}; };
......
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