Some additional functional wrappers (#292)

This commit is contained in:
Jaco Greeff
2020-03-14 13:20:39 +01:00
committed by GitHub
parent 9bba6b0c28
commit b2175a60cd
5 changed files with 69 additions and 101 deletions
+9 -3
View File
@@ -60,7 +60,7 @@ const Wrapper = styled.div`
}
`;
export default class IdentityIcon extends React.PureComponent<Props, State> {
class BaseIcon extends React.PureComponent<Props, State> {
public state: State = {
address: '',
publicKey: '0x'
@@ -69,10 +69,10 @@ export default class IdentityIcon extends React.PureComponent<Props, State> {
private static prefix?: Prefix = undefined;
public static setDefaultPrefix (prefix: Prefix): void {
IdentityIcon.prefix = prefix;
BaseIcon.prefix = prefix;
}
public static getDerivedStateFromProps ({ prefix = IdentityIcon.prefix, value }: Props, prevState: State): State | null {
public static getDerivedStateFromProps ({ prefix = BaseIcon.prefix, value }: Props, prevState: State): State | null {
try {
const address = isU8a(value) || isHex(value)
? encodeAddress(value, prefix)
@@ -140,3 +140,9 @@ export default class IdentityIcon extends React.PureComponent<Props, State> {
}
}
}
function Identicon (props: Props): React.ReactElement<Props> {
return <BaseIcon {...props} />;
}
export default React.memo(Identicon);