From b243a0070921127bfcbca09821a80fd2350c7e36 Mon Sep 17 00:00:00 2001 From: Hristo Nedelkov Date: Mon, 28 Aug 2023 23:59:12 +0300 Subject: [PATCH] Add OS Cards --- public/icons/Linux.png | Bin 0 -> 7974 bytes public/icons/MAC.png | Bin 0 -> 5605 bytes public/icons/windows.png | Bin 0 -> 4195 bytes .../ValidatorOnboarding.tsx | 1 + .../ValidatorSetup/OsCard.tsx | 33 ++++++++++++++++++ .../ValidatorSetup/ValidatorInstall.tsx | 8 +++++ 6 files changed, 42 insertions(+) create mode 100644 public/icons/Linux.png create mode 100644 public/icons/MAC.png create mode 100644 public/icons/windows.png create mode 100644 src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx diff --git a/public/icons/Linux.png b/public/icons/Linux.png new file mode 100644 index 0000000000000000000000000000000000000000..2156d1d69d3c6954b2eddfbb1d42a3238b0bcfed GIT binary patch literal 7974 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 Ya&~+~wtL4CXy1Z#k%n4T8jdml1DR{VQUCw| literal 0 HcmV?d00001 diff --git a/public/icons/windows.png b/public/icons/windows.png new file mode 100644 index 0000000000000000000000000000000000000000..3fbf8bbcfa5496b73fd260ee1d48e900ed37a4e9 GIT binary patch literal 4195 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 { const [activeStep, setActiveStep] = useState(0) diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx new file mode 100644 index 00000000..426f68b4 --- /dev/null +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/OsCard.tsx @@ -0,0 +1,33 @@ +import { Stack, YStack } from 'tamagui' +import Icon from '../../../components/General/Icon' +import { Text } from '@status-im/components' + +// make func component + +type OsCardProps = { + name: string + icon: string + isSelected?: boolean +} +const OsCard = ({ name, icon, isSelected }: OsCardProps) => { + return ( + + + + {name} + + + + + ) +} +export default OsCard diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx index 8f0dbc94..6b010e57 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstall.tsx @@ -1,6 +1,7 @@ import { XStack, Stack, YStack } from 'tamagui' import { InformationBox, Text } from '@status-im/components' import { CloseCircleIcon } from '@status-im/icons' +import OsCard from './OsCard' const ValidatorSetupInstall = () => { return ( @@ -34,6 +35,7 @@ const ValidatorSetupInstall = () => { borderRadius: '15px', padding: '6px 12px', }} + space={'$3'} > Installing Geth @@ -49,6 +51,12 @@ const ValidatorSetupInstall = () => { are also provided in each section. + {/* Cards */} + + + + +