aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/identicon.tsx
diff options
context:
space:
mode:
authorHsuan Lee <boczeratul@gmail.com>2019-03-06 17:46:50 +0800
committerHsuan Lee <boczeratul@gmail.com>2019-03-06 17:46:50 +0800
commit35703539d0f2b4ddb3b11d0de8c9634af59ab71f (patch)
treeae3731221dbbb3a6fa40060a8d916cfd3f738289 /packages/website/ts/components/ui/identicon.tsx
parent92a1fde5b1ecd81b07cdb5bf0c9c1cd3544799db (diff)
downloaddexon-0x-contracts-stable.tar.gz
dexon-0x-contracts-stable.tar.zst
dexon-0x-contracts-stable.zip
Deploy @dexon-foundation/0x.jsstable
Diffstat (limited to 'packages/website/ts/components/ui/identicon.tsx')
-rw-r--r--packages/website/ts/components/ui/identicon.tsx48
1 files changed, 0 insertions, 48 deletions
diff --git a/packages/website/ts/components/ui/identicon.tsx b/packages/website/ts/components/ui/identicon.tsx
deleted file mode 100644
index 9eca04a5d..000000000
--- a/packages/website/ts/components/ui/identicon.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import blockies from 'blockies';
-import * as _ from 'lodash';
-import * as React from 'react';
-
-import { Circle } from 'ts/components/ui/circle';
-import { Image } from 'ts/components/ui/image';
-import { colors } from 'ts/style/colors';
-
-interface IdenticonProps {
- address: string;
- diameter: number;
- style?: React.CSSProperties;
-}
-
-interface IdenticonState {}
-
-export class Identicon extends React.Component<IdenticonProps, IdenticonState> {
- public static defaultProps: Partial<IdenticonProps> = {
- style: {},
- };
- public render(): React.ReactNode {
- const address = this.props.address;
- const diameter = this.props.diameter;
- return (
- <div
- className="circle relative transitionFix"
- style={{
- width: diameter,
- height: diameter,
- overflow: 'hidden',
- ...this.props.style,
- }}
- >
- {!_.isEmpty(address) ? (
- <Image
- src={blockies({
- seed: address.toLowerCase(),
- }).toDataURL()}
- height={diameter}
- width={diameter}
- />
- ) : (
- <Circle diameter={diameter} fillColor={colors.grey200} />
- )}
- </div>
- );
- }
-}