diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
index b1f60036..fcb770ed 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ExecClientCard.tsx
@@ -1,16 +1,20 @@
import { Stack, XStack, YStack } from 'tamagui'
import Icon from '../../../components/General/Icon'
import { Text } from '@status-im/components'
-
-// make func component
+import { selectClient } from '../../../redux/ValidatorOnboarding/ValidatorSetup/slice'
+import { useDispatch, useSelector } from 'react-redux'
type ExecClientCardProps = {
name: string
icon: string
- isSelected?: boolean
+
isComingSoon?: boolean
}
-const ExecClientCard = ({ name, icon, isSelected, isComingSoon }: ExecClientCardProps) => {
+const ExecClientCard = ({ name, icon, isComingSoon }: ExecClientCardProps) => {
+ const dispatch = useDispatch()
+ const selectedClient = useSelector(selectClient)
+ const isSelected = selectedClient.payload.execClient.selectedClient === name
+
return (
{
+ dispatch(selectClient(name))
+ }}
>
@@ -48,7 +55,7 @@ const ExecClientCard = ({ name, icon, isSelected, isComingSoon }: ExecClientCard
)}
-
+
)
}
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
index 30267bf5..ac1a053f 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
@@ -33,28 +33,11 @@ const ValidatorSetup = () => {
Select Execution client
-
-
-
+
+
+
-
+