diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx index 3b9876df..d62d0eeb 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx @@ -7,9 +7,10 @@ import { useSelector } from 'react-redux' import OsCard from './OsCard' import SyntaxHighlighterBox from './SyntaxHighlighter' import { RootState } from '../../../../redux/store' +import { LINUX, WINDOWS } from '../../../../constants' const ValidatorSetupInstall = () => { - const [selectedOs, setSelectedOs] = useState('Mac') + const [selectedOs, setSelectedOs] = useState('MAC') const selectedClient = useSelector((state: RootState) => state.execClient.selectedClient) return ( @@ -59,20 +60,20 @@ const ValidatorSetupInstall = () => { setSelectedOs('Mac')} + isSelected={selectedOs === 'MAC'} + onClick={() => setSelectedOs('MAC')} /> setSelectedOs('Linux')} + name={LINUX} + isSelected={selectedOs === LINUX} + onClick={() => setSelectedOs(LINUX)} /> setSelectedOs('Windows')} + name={WINDOWS} + isSelected={selectedOs === WINDOWS} + onClick={() => setSelectedOs(WINDOWS)} />