status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-21 00:40:09 +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 { InformationBox, Text } from '@status-im/components'
import { CloseCircleIcon } from '@status-im/icons'
import { useState } from 'react'
import { useSelector } from 'react-redux'
import SyntaxHighlighterBox from './SyntaxHighlighter'
import { RootState } from '../../../../redux/store'
import { LINUX, MAC, WINDOWS } from '../../../../constants'
import OSCard from './OSCard'
import SyntaxHighlighterBox from './SyntaxHighlighter'
import OSCards from './OSCards'
const ValidatorSetupInstall = () => {
const [selectedOs, setSelectedOs] = useState(MAC)
const selectedClient = useSelector((state: RootState) => state.execClient.selectedClient)
return (
@ -56,26 +53,7 @@ const ValidatorSetupInstall = () => {
releases can be found here. Instructions for updating existing Geth installations
are also provided in each section.
</Text>
<XStack justifyContent={'space-between'} my={'15px'}>
<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>
<OSCards />
<YStack space={'$2'}>
<Text size={19}>Package Managers</Text>
<Text size={15} weight={'semibold'}>