mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-13 20:06:33 +00:00
fix: change avatar key to validator address
This commit is contained in:
parent
a86d3784e8
commit
b98ca9b027
@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>
|
|||||||
|
|
||||||
export const Default: Story = {
|
export const Default: Story = {
|
||||||
args: {
|
args: {
|
||||||
avatarKey: '37880sfsef38fsb',
|
validatorAddress: '37880sfsef38fsb',
|
||||||
name: 'Validator 1',
|
name: 'Validator 1',
|
||||||
selected: true,
|
selected: true,
|
||||||
isAvatarChipIncluded: true,
|
isAvatarChipIncluded: true,
|
||||||
|
@ -6,7 +6,7 @@ import { getFormattedValidatorAddress } from '../../../../utilities'
|
|||||||
|
|
||||||
type ValidatorListItemProps = {
|
type ValidatorListItemProps = {
|
||||||
name: string
|
name: string
|
||||||
avatarKey: string
|
validatorAddress: string
|
||||||
isAvatarChipIncluded?: boolean
|
isAvatarChipIncluded?: boolean
|
||||||
isVerified?: boolean
|
isVerified?: boolean
|
||||||
selected?: boolean
|
selected?: boolean
|
||||||
@ -14,7 +14,7 @@ type ValidatorListItemProps = {
|
|||||||
|
|
||||||
const ValidatorListItem = ({
|
const ValidatorListItem = ({
|
||||||
name,
|
name,
|
||||||
avatarKey,
|
validatorAddress,
|
||||||
selected,
|
selected,
|
||||||
isAvatarChipIncluded,
|
isAvatarChipIncluded,
|
||||||
isVerified,
|
isVerified,
|
||||||
@ -63,7 +63,7 @@ const ValidatorListItem = ({
|
|||||||
{isVerified && <VerifiedIcon size={20} />}
|
{isVerified && <VerifiedIcon size={20} />}
|
||||||
{isAvatarChipIncluded && <ContactIcon size={20} />}
|
{isAvatarChipIncluded && <ContactIcon size={20} />}
|
||||||
</Text>
|
</Text>
|
||||||
<Text size={13}>{getFormattedValidatorAddress(avatarKey)}</Text>
|
<Text size={13}>{getFormattedValidatorAddress(validatorAddress)}</Text>
|
||||||
</YStack>
|
</YStack>
|
||||||
</XStack>
|
</XStack>
|
||||||
{isSelected && <Checkbox id="" variant="outline" size={20} selected={isSelected} />}
|
{isSelected && <Checkbox id="" variant="outline" size={20} selected={isSelected} />}
|
||||||
|
@ -13,15 +13,15 @@ const ValidatorsList = () => {
|
|||||||
const validators = [
|
const validators = [
|
||||||
{
|
{
|
||||||
name: 'Validator 1',
|
name: 'Validator 1',
|
||||||
avatarKey: 'zQ3asdf9d4Gs0',
|
validatorAddress: 'zQ3asdf9d4Gs0',
|
||||||
selected: true,
|
selected: true,
|
||||||
isAvatarChipIncluded: true,
|
isAvatarChipIncluded: true,
|
||||||
isVerified: true,
|
isVerified: true,
|
||||||
},
|
},
|
||||||
{ name: 'Validator 2', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
|
{ name: 'Validator 2', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
|
||||||
{ name: 'Validator 3', avatarKey: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
|
{ name: 'Validator 3', validatorAddress: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
|
||||||
{ name: 'Validator 4', avatarKey: 'zQ3asdf9d4Gs0' },
|
{ name: 'Validator 4', validatorAddress: 'zQ3asdf9d4Gs0' },
|
||||||
{ name: 'Validator 5', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
|
{ name: 'Validator 5', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
|
||||||
]
|
]
|
||||||
const [filteredValidators, setFilteredValidators] = useState(validators)
|
const [filteredValidators, setFilteredValidators] = useState(validators)
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user