status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-08 09:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: style and get data for basic card

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-12 22:01:32 +03:00
parent a46dfa7e29
commit c98ee6c040
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/Dashboard/BasicInfoCard.tsx
View File

@ -1,7 +1,30 @@
import { Stack } from 'tamagui'
import { Text } from '@status-im/components'
import { YStack } from 'tamagui'
import DashboardCardWrapper from './DashboardCardWrapper'
const BasicInfoCard = () => {
return <Stack></Stack>
type BasicInfoCardProps = {
title: string
value: string
}
const BasicInfoCard = ({ title, value }: BasicInfoCardProps) => {
return (
<DashboardCardWrapper>
<YStack
style={{
padding: '12px 16px',
width: '100%',
}}
>
<Text size={15} weight={'semibold'}>
{title}
</Text>
<Text size={27} weight={'semibold'}>
{value}
</Text>
</YStack>
</DashboardCardWrapper>
)
}
export default BasicInfoCard