diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-20 01:30:28 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-20 01:30:28 +0800 |
| commit | 829bc962095096a2b70516862ebddc40d21ff7ee (patch) | |
| tree | 287ee807a9215ac4c7e4cd9cf80d28e3eb2ae6d7 /packages/website/ts/components/ui/identicon.tsx | |
| parent | f97e605bf6769a17d0352219f5fb1133f7cb2430 (diff) | |
| download | dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar.gz dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar.bz2 dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar.lz dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar.xz dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.tar.zst dexon-sol-tools-829bc962095096a2b70516862ebddc40d21ff7ee.zip | |
Use Image component instead of img tag
Diffstat (limited to 'packages/website/ts/components/ui/identicon.tsx')
| -rw-r--r-- | packages/website/ts/components/ui/identicon.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/packages/website/ts/components/ui/identicon.tsx b/packages/website/ts/components/ui/identicon.tsx index 6a9b94e5b..30df995c8 100644 --- a/packages/website/ts/components/ui/identicon.tsx +++ b/packages/website/ts/components/ui/identicon.tsx @@ -2,6 +2,7 @@ import blockies = require('blockies'); import * as _ from 'lodash'; import * as React from 'react'; +import { Image } from 'ts/components/ui/image'; import { colors } from 'ts/style/colors'; interface IdenticonProps { @@ -31,15 +32,12 @@ export class Identicon extends React.Component<IdenticonProps, IdenticonState> { }} > {!_.isEmpty(address) ? ( - <img + <Image src={blockies({ seed: address.toLowerCase(), }).toDataURL()} - style={{ - width: diameter, - height: diameter, - imageRendering: 'pixelated', - }} + height={diameter} + width={diameter} /> ) : ( <svg height={diameter} width={diameter}> |