From 52db578c32f03426742df95375732ae40cec06c9 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 18 Apr 2024 22:16:49 +0300
Subject: [PATCH] fix(consensus-selection): prerendering of clients constant

---
 .../ConsensusClient/ConsensusSelection.tsx    | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
index be06a0da..d055f1d2 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/ConsensusSelection.tsx
@@ -7,15 +7,15 @@ import LinkWithArrow from '../../../../components/General/LinkWithArrow'
 import SyncStatusCard from '../../../../components/General/SyncStatusCard'
 import styles from './consensusSelection.module.css'
 
-const ConsensusSelection = () => {
-  const selectedClient = 'Nimbus'
+const clients = [
+  {
+    name: 'Nimbus',
+    icon: '/icons/nimbus-disabled.svg',
+  },
+]
 
-  const clients = [
-    {
-      name: selectedClient,
-      icon: '/icons/nimbus-disabled.svg',
-    },
-  ]
+const ConsensusSelection = () => {
+  const selectedClient = clients[0]
 
   return (
     <YStack className={styles['main-container']}>
@@ -50,15 +50,18 @@ const ConsensusSelection = () => {
       </YStack>
       <Text size={27}>Install Consensus client</Text>
       <XStack space={'$8'} marginTop={'20px'} flexWrap="wrap">
-        <ConsensusClientCard name={clients[0].name} icon={clients[0].icon} />
+        <ConsensusClientCard
+          name={selectedClient.name}
+          icon={selectedClient.icon}
+        />
         <YStack className={styles['card-description-texts']} space={'$4'}>
           <Text size={19}>The resource efficient Ethereum Clients.</Text>
           <Text size={15}>
-            {selectedClient} is a client implementation for both execution and
-            consensus layers that strives to be as lightweight as possible in
-            terms of resources used. This allows it to perform well on embedded
-            systems, resource-restricted devices -- including Raspberry Pis --
-            and multi-purpose servers.
+            {selectedClient.name} is a client implementation for both execution
+            and consensus layers that strives to be as lightweight as possible
+            in terms of resources used. This allows it to perform well on
+            embedded systems, resource-restricted devices -- including Raspberry
+            Pis -- and multi-purpose servers.
           </Text>
           <Text size={19} weight={'semibold'}>
             <LinkWithArrow