status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix Icon

This commit is contained in:
Hristo Nedelkov 2023-08-16 14:29:38 +03:00
parent c7a759525a
commit 0a79aeb1fc
2 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/General/Icon.tsx
View File

@ -4,20 +4,17 @@ export type IconProps = {
src: string
width?: number
height?: number
onClick?: () => void
}
const Icon = ({ src, width = 16, height = 16, onClick }: IconProps) => {
const Icon = ({ src, width = 16, height = 16 }: IconProps) => {
return (
<div onClick={onClick}>
<Image
src={src}
source={{ uri: src }}
width={width}
height={height}
style={{ backgroundColor: 'transparent' }}
/>
</div>
<Image
src={src}
source={{ uri: src }}
width={width}
height={height}
style={{ backgroundColor: 'transparent' }}
/>
)
}

4
src/pages/PairDevice/SyncStatus.tsx
View File

@ -1,5 +1,5 @@
import { XStack, YStack } from 'tamagui'
import { Button, InformationBox, Text } from '@status-im/components'
import { Button, IconButton, InformationBox, Text } from '@status-im/components'
import Icon from '../../components/General/Icon'
import RefreshBlackIcon from '/icons/refresh-black.svg'
import RefreshIcon from '/icons/refresh.svg'
@ -29,7 +29,7 @@ const SyncStatus = ({ isPairing, timer, isAwaitingPairing, onResetTimer }: SyncS
{timer}
</Text>
)}
<Icon src={isPairing ? RefreshBlackIcon : RefreshIcon} height={20} onClick={onResetTimer} />
<IconButton icon={<Icon src={isPairing ? RefreshBlackIcon : RefreshIcon} />} onPress={onResetTimer} variant='ghost'/>
</XStack>
{isPairing ? (
<Text size={15} color={isAwaitingPairing ? '#EB5757' : '#09101C'} weight={'semibold'}>