status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-01 14:15:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: use os cards new component

Browse Source
This commit is contained in:
RadoslavDimchev 2023-10-23 20:46:56 +03:00
parent a609ee4de6
commit 0cd5ff1c54
1 changed files with 3 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
View File

@ -1,16 +1,13 @@
import { XStack, Stack, YStack } from 'tamagui' import { XStack, Stack, YStack } from 'tamagui'
import { InformationBox, Text } from '@status-im/components' import { InformationBox, Text } from '@status-im/components'
import { CloseCircleIcon } from '@status-im/icons' import { CloseCircleIcon } from '@status-im/icons'
import { useState } from 'react'
import { useSelector } from 'react-redux' import { useSelector } from 'react-redux'
import SyntaxHighlighterBox from './SyntaxHighlighter'
import { RootState } from '../../../../redux/store' import { RootState } from '../../../../redux/store'
import { LINUX, MAC, WINDOWS } from '../../../../constants' import SyntaxHighlighterBox from './SyntaxHighlighter'
import OSCard from './OSCard' import OSCards from './OSCards'
const ValidatorSetupInstall = () => { const ValidatorSetupInstall = () => {
const [selectedOs, setSelectedOs] = useState(MAC)
const selectedClient = useSelector((state: RootState) => state.execClient.selectedClient) const selectedClient = useSelector((state: RootState) => state.execClient.selectedClient)
return ( return (
@ -56,26 +53,7 @@ const ValidatorSetupInstall = () => {
releases can be found here. Instructions for updating existing Geth installations releases can be found here. Instructions for updating existing Geth installations
are also provided in each section. are also provided in each section.
</Text> </Text>
<XStack justifyContent={'space-between'} my={'15px'}> <OSCards />
<OSCard
icon="/icons/apple-logo.svg"
name="MacOS"
isSelected={selectedOs === MAC}
onClick={() => setSelectedOs(MAC)}
/>
<OSCard
icon="/icons/linux-logo.svg"
name={LINUX}
isSelected={selectedOs === LINUX}
onClick={() => setSelectedOs(LINUX)}
/>
<OSCard
icon="/icons/windows-logo.svg"
name={WINDOWS}
isSelected={selectedOs === WINDOWS}
onClick={() => setSelectedOs(WINDOWS)}
/>
</XStack>
<YStack space={'$2'}> <YStack space={'$2'}>
<Text size={19}>Package Managers</Text> <Text size={19}>Package Managers</Text>
<Text size={15} weight={'semibold'}> <Text size={15} weight={'semibold'}>