mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-10 02:55:41 +00:00
5d4b36d453
* Refactor babel/types * Refactor entry point * Refactor actions * Refactor api * Full project refactor -- Broad type fixing sweep * - completely fix merge conflicts - handle various type errors * Add tslint to package.json * Dependency cleanup * Fix module resolution * Work on type definitions for untyped libs * progress commit * Add more definition typing * various type additions * Add unit types * Fix sagaiterator + unit types * various types added * additional type additions * Fix typing on Sagas * remove flowfixmes; swap translate for translateRaw * Get rid of contracts - awaiting Henry's contract PR * Remove contracts from routing * Fix most of actions/reducers * refactor actions directory structure * fix reducer action type imports * Fix most of type errors pre-actions refactor * fix action creator imports in containers * Refactor more * Refactor index of actions * fix action imports; use module level index export * package-lock.json updated * Use action types in props * Type up action creators * Fix most of connect errors * Typefixing progress * More types * Fix run-time errors * Caching improvements for webpack * Remove path resolve from webpack * Update non-breaking packages to latest version * Fix token typing * Remove unused color code * Fix wallet decrypt dispatch * Set redux-form related props/functions to ANY, since we're stripping it out later on * Revert BigNumber.js package changes * Extend window to custom object for Perf * Format Navigation * Typecase keystore errors as any (since we shouldnt touch this) * Push wallet context fix * - find/replace value->payload in swap - properly type swap state properties - extract inline reducer into reducer function * - type local storage retrieved items as generic * - bind all RPCClient methods with fat arrow * - reformat * Change to enums for constants * Change state into any * Fix swap errors * ensure that seconds are passed into state as integers * Fix rest of errors * use parseInt explicitly instead of type coercion * Fix derivation-checker, remove flow command, add tslint command, add tslint-react, tell travis to use tslint instead of flow. * Whoops, remove those tests. * Remove unsupported (yet) config option. * Fix precommit to target ts and tsx files. * Fix some errors, ignore some silly rules. * Revert jest to v19, use ts-jest and make all tests typescript. Fixes all but one. * Get rid of saga tests * Fix tslint errors
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { toDataUrl } from 'ethereum-blockies';
|
|
import { isValidETHAddress } from 'libs/validators';
|
|
import React from 'react';
|
|
|
|
interface Props {
|
|
address: string;
|
|
size?: string;
|
|
}
|
|
|
|
export default function Identicon(props: Props) {
|
|
const size = props.size || '4rem';
|
|
// FIXME breaks on failed checksums
|
|
const identiconDataUrl = isValidETHAddress(props.address.toLowerCase())
|
|
? toDataUrl(props.address.toLowerCase())
|
|
: '';
|
|
return (
|
|
<div
|
|
style={{ position: 'relative', width: size, height: size }}
|
|
title="Address Indenticon"
|
|
>
|
|
<div
|
|
style={{
|
|
position: 'absolute',
|
|
left: 0,
|
|
right: 0,
|
|
top: 0,
|
|
bottom: 0,
|
|
borderRadius: '50%',
|
|
|
|
boxShadow: `
|
|
inset rgba(255, 255, 255, 0.5) 0 2px 2px,
|
|
inset rgba(0, 0, 0, 0.6) 0 -1px 8px
|
|
`
|
|
}}
|
|
/>
|
|
{identiconDataUrl &&
|
|
<img
|
|
src={identiconDataUrl}
|
|
style={{
|
|
borderRadius: '50%',
|
|
width: '100%',
|
|
height: '100%'
|
|
}}
|
|
/>}
|
|
</div>
|
|
);
|
|
}
|