diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js index 2413b3c..70ec6c2 100644 --- a/app/components/ens/nameLookup.js +++ b/app/components/ens/nameLookup.js @@ -19,6 +19,7 @@ import { formatPrice } from '../ens/utils'; import CheckCircle from '../../ui/icons/components/baseline_check_circle_outline.png'; const { getPrice, getExpirationTime } = ENSSubdomainRegistry.methods; import NotInterested from '@material-ui/icons/NotInterested'; +import Face from '@material-ui/icons/Face'; const invalidSuffix = '0000000000000000000000000000000000000000' const nullAddress = '0x0000000000000000000000000000000000000000' @@ -59,21 +60,21 @@ const DisplayBox = ({ displayType, pubKey }) => ( ); -const MobileAddressDisplay = ({ domainName, address, statusAccount, expirationTime, defaultAccount }) => ( +const MobileAddressDisplay = ({ domainName, address, statusAccount, expirationTime, defaultAccount, isOwner }) => ( - + - + {isOwner ? : } {formatName(domainName).toUpperCase()}
- {expirationTime && Expires {generatePrettyDate(expirationTime)}} + {expirationTime && Locked until {generatePrettyDate(expirationTime)}}
- Name is unavailable - It is pointed to the following addresses + {isOwner ? 'You\'re the owner of this name' : 'Name is unavailable'} + registered to the addresses below {validStatusAddress(statusAccount) && }
@@ -84,12 +85,11 @@ class RenderAddresses extends PureComponent { render() { const { domainName, address, statusAccount, expirationTime, defaultAccount } = this.props - // TODO ADD CONDITIONAL RENDER TO MobileAddressDisplay - console.log(defaultAccount) const { copied } = this.state const markCopied = (v) => { this.setState({ copied: v }) } const isCopied = address => address == copied; const renderCopied = address => isCopied(address) && Copied!; + const isOwner = defaultAccount === address; return ( @@ -106,7 +106,7 @@ class RenderAddresses extends PureComponent { - + )