status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-20 16:30:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add cards on dashboard

Browse Source
This commit is contained in:
RadoslavDimchev 2023-09-13 10:45:47 +03:00
parent b57be2e594
commit 984a4577b7
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,6 @@
import { Text } from '@status-im/components'
import { YStack } from 'tamagui'
import DashboardCardWrapper from './DashboardCardWrapper'
type BasicInfoCardProps = {

18
src/pages/Dashboard/Dashboard.tsx
View File

@ -1,9 +1,21 @@
import { Stack, XStack } from 'tamagui'
import { Stack, YStack } from 'tamagui'
import BasicInfoCard from './BasicInfoCard'
import AddCard from '../../components/General/AddCard'
const Dashboard = () => {
return (
<XStack>
<YStack>
<YStack
style={{
borderRadius: '16px',
boxShadow: '0 0 8px rgba(0, 0, 0, 0.1)',
width: 'fit-content',
}}
>
<AddCard />
<AddCard />
</YStack>
<Stack
style={{
display: 'grid',
@ -18,7 +30,7 @@ const Dashboard = () => {
<BasicInfoCard title="Avg. Effectiveness" value="4" />
<BasicInfoCard title="Participation Rate" value="6" />
</Stack>
</XStack>
</YStack>
)
}

2
src/pages/Dashboard/DashboardCardWrapper.tsx
View File

@ -14,7 +14,7 @@ const DashboardCardWrapper = ({ children }: DashboardCardWrapperProps) => {
}}
>
{children}
</Stack>
</Stack>
)
}