status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: separate basic info cards

This commit is contained in:
RadoslavDimchev 2023-09-13 10:59:30 +03:00
parent 984a4577b7
commit f8a1bda72c
2 changed files with 27 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/Dashboard/BasicInfoCards/BasicInfoCards.tsx Normal file
View File

@ -0,0 +1,24 @@
import { Stack } from 'tamagui'
import BasicInfoCard from '../BasicInfoCard'
const BasicInfoCards = () => {
return (
<Stack
style={{
display: 'grid',
gridTemplateColumns: 'repeat(5, 1fr)',
gap: '20px',
width: '100%',
}}
>
<BasicInfoCard title="Active Validators" value="6" />
<BasicInfoCard title="Connected Peers" value="16" />
<BasicInfoCard title="At Headslot" value="-6" />
<BasicInfoCard title="Avg. Effectiveness" value="4" />
<BasicInfoCard title="Participation Rate" value="6" />
</Stack>
)
}
export default BasicInfoCards

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

@ -1,7 +1,7 @@
import { Stack, YStack } from 'tamagui'
import { YStack } from 'tamagui'
import BasicInfoCard from './BasicInfoCard'
import AddCard from '../../components/General/AddCard'
import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
const Dashboard = () => {
return (
@ -16,20 +16,7 @@ const Dashboard = () => {
<AddCard />
<AddCard />
</YStack>
<Stack
style={{
display: 'grid',
gridTemplateColumns: 'repeat(5, 1fr)',
gap: '20px',
width: '100%',
}}
>
<BasicInfoCard title="Active Validators" value="6" />
<BasicInfoCard title="Connected Peers" value="16" />
<BasicInfoCard title="At Headslot" value="-6" />
<BasicInfoCard title="Avg. Effectiveness" value="4" />
<BasicInfoCard title="Participation Rate" value="6" />
</Stack>
<BasicInfoCards />
</YStack>
)
}