status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-08 17:43:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add types to paired device

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-09-05 10:07:44 +03:00
parent ce559f0c82
commit f56a7e1e17
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/ValidatorOnboarding/ValidatorSetup/PairedDeviceCard.tsx
View File

@ -1,9 +1,11 @@
import React, { useState } from 'react' import { useState } from 'react'
import { XStack, YStack } from 'tamagui' import { XStack, YStack } from 'tamagui'
import { ClearIcon } from '@status-im/icons' import { ClearIcon } from '@status-im/icons'
import { Avatar, Text } from '@status-im/components' import { Avatar, Text } from '@status-im/components'
type PairedDeviceCardProps = {
const PairedDeviceCard = (isVisibleState: boolean) => { isVisibleState: boolean
}
const PairedDeviceCard = (isVisibleState: PairedDeviceCardProps) => {
const [isVisible, setIsVisible] = useState(isVisibleState) const [isVisible, setIsVisible] = useState(isVisibleState)
if (!isVisible) return null if (!isVisible) return null
@ -29,12 +31,7 @@ const PairedDeviceCard = (isVisibleState: boolean) => {
</Text> </Text>
</YStack> </YStack>
</XStack> </XStack>
<ClearIcon <ClearIcon size={20} color="#A1ABBD" cursor={'pointer'} onClick={() => setIsVisible(false)} />
size={20}
color="#A1ABBD"
cursor={'pointer'}
onClick={() => setIsVisible(false)}
/>
</XStack> </XStack>
) )
} }