neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use lookup accountId for IdentiIcon display (#2065)

Browse Source
This commit is contained in:
Jaco Greeff 2019-12-17 14:26:23 +01:00 committed by GitHub
parent a82736dfe0
commit 1a8f7e2727
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/react-components/src/IdentityIcon.tsx
View File

@ -2,11 +2,12 @@
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { DeriveAccountInfo } from '@polkadot/api-derive/types';
import { IdentityProps } from '@polkadot/react-identicon/types';
import { I18nProps } from './types';
import React, { useContext, useEffect, useState } from 'react';
import { useApi } from '@polkadot/react-hooks';
import { useApi, useCall } from '@polkadot/react-hooks';
import BaseIdentityIcon from '@polkadot/react-identicon';
import uiSettings from '@polkadot/ui-settings';
import { ValidatorsContext } from '@polkadot/react-query';
@ -32,10 +33,12 @@ export function getIdentityTheme (systemName: string): 'empty' {
}
function IdentityIcon ({ className, onCopy, prefix, size, style, t, theme, value }: Props): React.ReactElement<Props> {
const { systemName } = useApi();
const { api, systemName } = useApi();
const info = useCall<DeriveAccountInfo>(api.derive.accounts.info as any, [value]);
const { queueAction } = useContext(StatusContext);
const validators = useContext(ValidatorsContext);
const [isValidator, setIsValidator] = useState(false);
const [address, setAddress] = useState(value?.toString());
const thisTheme = theme || getIdentityTheme(systemName);
useEffect((): void => {
@ -44,6 +47,12 @@ function IdentityIcon ({ className, onCopy, prefix, size, style, t, theme, value
}
}, [value, validators]);
useEffect((): void => {
if (info) {
setAddress(info.accountId?.toString());
}
}, [info]);
const _onCopy = (account: string): void => {
onCopy && onCopy(account);
queueAction && queueAction({
@ -63,7 +72,7 @@ function IdentityIcon ({ className, onCopy, prefix, size, style, t, theme, value
size={size}
style={style}
theme={thisTheme as 'substrate'}
value={value?.toString()}
value={address}
/>
);
}