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

fix: change avatar key to validator address

Browse Source
This commit is contained in:
RadoslavDimchev 2023-10-19 07:06:36 +03:00
parent a86d3784e8
commit b98ca9b027
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.stories.tsx
View File

@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>
export const Default: Story = {
args: {
avatarKey: '37880sfsef38fsb',
validatorAddress: '37880sfsef38fsb',
name: 'Validator 1',
selected: true,
isAvatarChipIncluded: true,

6
src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
View File

@ -6,7 +6,7 @@ import { getFormattedValidatorAddress } from '../../../../utilities'
type ValidatorListItemProps = {
name: string
avatarKey: string
validatorAddress: string
isAvatarChipIncluded?: boolean
isVerified?: boolean
selected?: boolean
@ -14,7 +14,7 @@ type ValidatorListItemProps = {
const ValidatorListItem = ({
name,
avatarKey,
validatorAddress,
selected,
isAvatarChipIncluded,
isVerified,
@ -63,7 +63,7 @@ const ValidatorListItem = ({
{isVerified && <VerifiedIcon size={20} />}
{isAvatarChipIncluded && <ContactIcon size={20} />}
</Text>
<Text size={13}>{getFormattedValidatorAddress(avatarKey)}</Text>
<Text size={13}>{getFormattedValidatorAddress(validatorAddress)}</Text>
</YStack>
</XStack>
{isSelected && <Checkbox id="" variant="outline" size={20} selected={isSelected} />}

10
src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx
View File

@ -13,15 +13,15 @@ const ValidatorsList = () => {
const validators = [
{
name: 'Validator 1',
avatarKey: 'zQ3asdf9d4Gs0',
validatorAddress: 'zQ3asdf9d4Gs0',
selected: true,
isAvatarChipIncluded: true,
isVerified: true,
},
{ name: 'Validator 2', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
{ name: 'Validator 3', avatarKey: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
{ name: 'Validator 4', avatarKey: 'zQ3asdf9d4Gs0' },
{ name: 'Validator 5', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
{ name: 'Validator 2', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
{ name: 'Validator 3', validatorAddress: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
{ name: 'Validator 4', validatorAddress: 'zQ3asdf9d4Gs0' },
{ name: 'Validator 5', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
]
const [filteredValidators, setFilteredValidators] = useState(validators)