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

fix(consensus-gauge-card): delete card and story

Browse Source 
instead of this used reusable card, not custom invalid card
This commit is contained in:
RadoslavDimchev 2024-04-18 18:52:21 +03:00 committed by Emil Ivanichkov
parent 1be0de47c4
commit 72bdd4a7dc
2 changed files with 0 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusGaugeCard.stories.tsx
View File

@ -1,26 +0,0 @@
import type { Meta, StoryObj } from '@storybook/react'
import ConsensusGaugeCard from './ConsensusGaugeCard'
import { withRouter } from 'storybook-addon-react-router-v6'
const meta = {
title: 'ValidatorOnboarding/ConsensusGaugeCard',
component: ConsensusGaugeCard,
parameters: {
layout: 'centered',
},
tags: ['autodocs'],
decorators: [withRouter()],
} satisfies Meta<typeof ConsensusGaugeCard>
export default meta
type Story = StoryObj<typeof meta>
export const Default: Story = {
args: {
color: 'orange',
synced: 140000,
total: 200000,
title: 'Synced Files',
},
}

75
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusGaugeCard.tsx
View File

@ -1,75 +0,0 @@
import { Stack, XStack, YStack } from 'tamagui'
import { InfoBadgeIcon } from '@status-im/icons'
import { Text } from '@status-im/components'
import StandardGauge from '../../../../components/Charts/StandardGauge'
import { formatNumbersWithComa } from '../../../../utilities'
import { useWindowSize } from '../../../../hooks/useWindowSize'
type ConsensusGaugeCardProps = {
synced: number
total: number
title: string
color: string
}
const ConsensusGaugeCard = ({
synced,
total,
title,
color,
}: ConsensusGaugeCardProps) => {
const windowSize = useWindowSize()
return (
<Stack
style={{
border: '1px solid #DCE0E5',
borderRadius: '10px',
padding: '6px 12px',
borderWidth: '0.5px',
width: windowSize.width < 580 ? '100%' : 'auto',
height: '100%',
}}
>
<XStack space={'$2'} alignItems="center" justifyContent="space-between">
<XStack space={'$3'}>
<Stack
style={{
height: '35px',
width: '35px',
}}
space={'$2'}
>
<StandardGauge
data={[
{
id: title,
label: title,
value: synced,
color: color,
},
{
id: 'free',
label: 'free',
value: total - synced || 1,
color: '#E7EAEE',
},
]}
/>
</Stack>
<YStack>
<Text size={11} color="#84888e" weight={'semibold'}>
{title}
</Text>
<Text size={15} weight={'semibold'}>
{formatNumbersWithComa(synced)} / {formatNumbersWithComa(total)}
</Text>
</YStack>
</XStack>
<InfoBadgeIcon size={20} color="#A1ABBD" />
</XStack>
</Stack>
)
}
export default ConsensusGaugeCard