diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClientCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClientCard.tsx new file mode 100644 index 00000000..cdbc5610 --- /dev/null +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClientCard.tsx @@ -0,0 +1,31 @@ +import { Stack, YStack } from 'tamagui' +import Icon from '../../../components/General/Icon' +import { Text } from '@status-im/components' + + +type ConsensusClientCardProps = { + name: string + icon: string +} +const ConsensusClientCard = ({ name, icon }: ConsensusClientCardProps) => { + return ( + + + + {name} + + + + + ) +} +export default ConsensusClientCard diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx index 9c517e70..fe8a66e8 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusSelection.tsx @@ -1,12 +1,18 @@ import { XStack, Stack, Text as TextTam, YStack } from 'tamagui' import PairedDeviceCard from './PairedDeviceCard' import { Text } from '@status-im/components' -import { Link } from 'react-router-dom' -import ConsensusGaugeCard from './ConsensusSelectionCard' - +import ConsensusGaugeCard from './ConsensusGaugeCard' +import ConsensusClientCard from './ConsensusClientCard' + const ConsensusSelection = () => { + const a = [ + { + name: 'Nimbus', + icon: '/icons/Nimbus-black.png', + }, + ] return ( - + Validator Setup @@ -41,12 +47,9 @@ const ConsensusSelection = () => { Install Consensus client - - - - View Execution client comparison chart - - + + + ) }