416d7bbb16
* Parity Substrate logo (THEME) * Remove unused type * Adjust page title based on theme * Allow theme overrides * Allow theme overrides on Modals * Remove debug console log * Page title hangs off renamed UI_THEME * FIXME for Identicon * UI_MODE removal of apps * Update deps (after merge) * Bump deps
38 lines
916 B
TypeScript
38 lines
916 B
TypeScript
// Copyright 2017-2018 @polkadot/ui-react authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the ISC license. See the LICENSE file for details.
|
|
|
|
import { BaseProps } from '../types';
|
|
|
|
import './IdentityIcon.css';
|
|
|
|
import React from 'react';
|
|
import PolkadotIdenticon from 'polkadot-identicon';
|
|
|
|
type Props = BaseProps & {
|
|
size?: number,
|
|
value: string | Uint8Array
|
|
};
|
|
|
|
const DEFAULT_SIZE = 64;
|
|
|
|
export default class IdentityIcon extends React.PureComponent<Props> {
|
|
render () {
|
|
const { className, size = DEFAULT_SIZE, style, value } = this.props;
|
|
|
|
// FIXME For UI_THEME=substrate we want to change the icon
|
|
return (
|
|
<div
|
|
className={['ui--IdentityIcon', className].join(' ')}
|
|
key={value.toString()}
|
|
style={style}
|
|
>
|
|
<PolkadotIdenticon
|
|
id={value}
|
|
size={size}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|