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 reaction icon

This commit is contained in:
RadoslavDimchev 2023-08-21 14:52:38 +03:00
parent f136c8b54e
commit b16ee66652
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/CreateLocalNodePage/CreateLocalNodePage.tsx
View File

@ -5,10 +5,9 @@ import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
import NimbusLogo from '../../components/Logos/NimbusLogo' import NimbusLogo from '../../components/Logos/NimbusLogo'
import TagContainer from '../../components/General/TagContainer' import TagContainer from '../../components/General/TagContainer'
import Titles from '../../components/General/Titles' import Titles from '../../components/General/Titles'
import NodeIcon from '../../components/Icons/NodeIcon'
import LabelInputField from '../../components/General/LabelInputField' import LabelInputField from '../../components/General/LabelInputField'
import ReactionIcon from '../../components/Icons/ReactionIcon'
import ColorPicker from '../../components/General/ColorPicker' import ColorPicker from '../../components/General/ColorPicker'
import { NodeIcon, ReactionIcon } from '@status-im/icons'
const CreateLocalNodePage = () => { const CreateLocalNodePage = () => {
const [autoConnectChecked, setAutoConnectChecked] = useState(false) const [autoConnectChecked, setAutoConnectChecked] = useState(false)
@ -36,7 +35,7 @@ const CreateLocalNodePage = () => {
</Text> </Text>
<XStack my={10}> <XStack my={10}>
<Avatar type="account" size={80} name="Device Avatar" /> <Avatar type="account" size={80} name="Device Avatar" />
<Avatar type="icon" size={32} icon={<ReactionIcon />} backgroundColor={'white'} /> <ReactionIcon size={20} />
</XStack> </XStack>
</YStack> </YStack>
<YStack> <YStack>
@ -66,7 +65,7 @@ const CreateLocalNodePage = () => {
</XStack> </XStack>
<Separator alignSelf="stretch" borderColor={'#F0F2F5'} /> <Separator alignSelf="stretch" borderColor={'#F0F2F5'} />
</YStack> </YStack>
<StatusButton icon={<NodeIcon />}>Continue</StatusButton> <StatusButton icon={<NodeIcon size={16} />}>Continue</StatusButton>
</article> </article>
</div> </div>
</PageWrapperShadow> </PageWrapperShadow>

9
src/pages/PairDevice/CreateAvatar.tsx
View File

@ -2,10 +2,9 @@ import { XStack, YStack } from 'tamagui'
import LabelInputField from '../../components/General/LabelInputField' import LabelInputField from '../../components/General/LabelInputField'
import { Avatar, Text } from '@status-im/components' import { Avatar, Text } from '@status-im/components'
import ColorPicker from '../../components/General/ColorPicker' import ColorPicker from '../../components/General/ColorPicker'
import { ReactionIcon } from '@status-im/icons'
import ReactionIcon from '../../components/Icons/ReactionIcon' const CreateAvatar = () => {
// create func component
export const CreateAvatar = () => {
return ( return (
<YStack my={16}> <YStack my={16}>
<XStack space> <XStack space>
@ -18,7 +17,7 @@ export const CreateAvatar = () => {
</Text> </Text>
<XStack my={10}> <XStack my={10}>
<Avatar type="account" size={80} name="Device Avatar" /> <Avatar type="account" size={80} name="Device Avatar" />
<Avatar type="icon" size={32} icon={<ReactionIcon />} backgroundColor={'white'} /> <ReactionIcon size={20} />
</XStack> </XStack>
</YStack> </YStack>
<YStack> <YStack>
@ -31,3 +30,5 @@ export const CreateAvatar = () => {
</YStack> </YStack>
) )
} }
export default CreateAvatar