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

fix(right-side-bar): name, components and constant

Browse Source
This commit is contained in:
RadoslavDimchev 2024-03-22 10:28:37 +02:00 committed by Radoslav Dimchev
parent 3a3dcf55af
commit 2015376f6a
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/General/RightSideBar/RightSidebar.tsx
View File

@ -6,22 +6,22 @@ import {
CopyIcon, CopyIcon,
OptionsIcon, OptionsIcon,
} from '@status-im/icons' } from '@status-im/icons'
import { useState } from 'react'
import AlertsList from '../../../components/General/RightSideBar/AlertsList' import AlertsList from '../../../components/General/RightSideBar/AlertsList'
import LogsList from '../../../components/General/RightSideBar/LogsList' import LogsList from '../../../components/General/RightSideBar/LogsList'
import { copyFunction, getFormattedWalletAddress } from '../../../utilities'
import ValidatorsTabs from '../../../components/General/RightSideBar/ValidatorsTabs/ValidatorsTabs' import ValidatorsTabs from '../../../components/General/RightSideBar/ValidatorsTabs/ValidatorsTabs'
import ValidatorsCount from '../../../components/General/RightSideBar/ValidatorsCount' import ValidatorsCount from '../../../components/General/RightSideBar/ValidatorsCount'
import NodesList from './NodesList' import NodesList from './NodesList'
import DiamondCard from './DiamondCard' import DiamondCard from './DiamondCard'
import { useState } from 'react' import { copyFunction, getFormattedWalletAddress } from '../../../utilities'
const DashboardSidebar = () => { const RightSidebar = () => {
const [isPopoverOpen, setIsPopoverOpen] = useState(false) const [isPopoverOpen, setIsPopoverOpen] = useState(false)
const address = '0xb9dc35'
const onCopyWalletAddress = () => { const onCopyWalletAddress = () => {
copyFunction('0xb9dc35') copyFunction(address)
} }
const handlePopoverOpenChange = (open: boolean) => { const handlePopoverOpenChange = (open: boolean) => {
@ -52,7 +52,7 @@ const DashboardSidebar = () => {
Ethereum Mainnet Ethereum Mainnet
</Text> </Text>
<XStack space={'$1'} alignItems="center"> <XStack space={'$1'} alignItems="center">
<Text size={13}>{getFormattedWalletAddress('0xb9dc35')}</Text> <Text size={13}>{getFormattedWalletAddress(address)}</Text>
<CopyIcon <CopyIcon
size={16} size={16}
color="#647084" color="#647084"
@ -82,13 +82,11 @@ const DashboardSidebar = () => {
<OptionsIcon size={20} /> <OptionsIcon size={20} />
)} )}
</Stack>, </Stack>,
<NodesList></NodesList>, <NodesList />,
]} ]}
></Popover> />
</XStack> </XStack>
<XStack space={'$2'} alignItems="center" justifyContent="space-between">
<DiamondCard /> <DiamondCard />
</XStack>
<ValidatorsCount /> <ValidatorsCount />
<XStack <XStack
backgroundColor={'#757e8c'} backgroundColor={'#757e8c'}
@ -101,12 +99,11 @@ const DashboardSidebar = () => {
borderRadius: '16px', borderRadius: '16px',
}} }}
> >
<AddSmallIcon size={20} color="#fff"></AddSmallIcon> <AddSmallIcon size={20} color="#fff" />
<Text size={19} color={'#FFF'}> <Text size={19} color={'#FFF'}>
Add Validator Add Validator
</Text> </Text>
</XStack> </XStack>
<ValidatorsTabs /> <ValidatorsTabs />
<AlertsList /> <AlertsList />
<LogsList /> <LogsList />
@ -114,4 +111,4 @@ const DashboardSidebar = () => {
) )
} }
export default DashboardSidebar export default RightSidebar