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: replace existing icons after merge from mein

This commit is contained in:
RadoslavDimchev 2023-08-22 09:26:37 +03:00
parent 1ef443f87e
commit 502241fb63
3 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/General/TagContainer.tsx
View File

@ -1,14 +1,13 @@
import { Tag } from '@status-im/components'
import { XStack } from 'tamagui'
import PairIcon from '../Icons/PairIcon'
import CreateIcon from '../Icons/CreateIcon'
import './TagContainer.css'
import { AddSmallIcon, SwapIcon } from '@status-im/icons'
const TagContainer = () => {
return (
<XStack space={'$2'} alignItems="center" className="tag-container">
<Tag icon={PairIcon} label="Pair" size={32} />
<Tag selected icon={CreateIcon} label="Create" size={32} />
<Tag icon={SwapIcon} label="Pair" size={32} />
<Tag selected icon={AddSmallIcon} label="Create" size={32} />
</XStack>
)
}

3
src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
View File

@ -13,9 +13,8 @@ import { useSelector } from 'react-redux'
import { RootState } from '../../redux/store'
const DeviceHealthCheck = () => {
const deviceHealthState = useSelector((state: RootState) => state.deviceHealth)
console.log(deviceHealthState)
return (
<PageWrapperShadow rightImageSrc="/background-images/eye-background.png">
<YStack

14
src/pages/PairDevice/PairDevice.tsx
View File

@ -5,18 +5,16 @@ import { Button, Checkbox, Tag, Text } from '@status-im/components'
import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import SyncStatus from './SyncStatus'
import NimbusLogo from '../../components/Logos/NimbusLogo'
import PairIcon from '../../components/Icons/PairIcon'
import CreateIcon from '../../components/Icons/CreateIcon'
import NodeIcon from '../../components/Icons/NodeIcon'
import Titles from '../../components/General/Titles'
import PairedSuccessfully from './PairedSuccessfully'
import { CreateAvatar } from './CreateAvatar'
import CreateAvatar from './CreateAvatar'
import GenerateId from './GenerateId'
import { AddSmallIcon, NodeIcon, SwapIcon } from '@status-im/icons'
const PairDevice = () => {
const [autoChecked, setAutoChecked] = useState(false)
const [isAwaitingPairing, setIsAwaitingPairing] = useState(false)
const isPaired = false
const isPaired = true
const isPairing = true
const changeSetIsAwaitingPairing = (result: boolean) => {
@ -34,8 +32,8 @@ const PairDevice = () => {
<XStack style={{ justifyContent: 'space-between' }}>
<NimbusLogo />
<XStack space={'$2'} style={{ alignItems: 'center' }}>
<Tag icon={PairIcon} label="Pair" size={32} selected />
<Tag icon={CreateIcon} label="Create" size={32} />
<Tag icon={SwapIcon} label="Pair" size={32} selected />
<Tag icon={AddSmallIcon} label="Create" size={32} />
</XStack>
</XStack>
<Titles title="Pair Device" subtitle="Pair your device to the Nimbus Node Manager" />
@ -66,7 +64,7 @@ const PairDevice = () => {
{isPaired && <CreateAvatar></CreateAvatar>}
<Separator borderColor={'#e3e3e3'} />
<XStack>
<Button icon={<NodeIcon />} disabled={!isPaired}>
<Button icon={<NodeIcon size={20} />} disabled={!isPaired}>
Continue
</Button>
</XStack>