status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-09 10:03:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix Pair device card

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-10-09 17:46:07 +03:00
parent b290e62a59
commit d98f87c4c6
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.stories.tsx
View File

@ -18,6 +18,6 @@ type Story = StoryObj<typeof meta>
export const Default: Story = { export const Default: Story = {
args: { args: {
isVisibleState: true,
}, },
} }

18
src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx
View File

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