fix: change avatar key to validator address

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

View File

@ -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,

View File

@ -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} />}

View File

@ -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)