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