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
-
-
+
+
+
)
}