diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js
index fc33816..86ec6b8 100644
--- a/app/components/ens/nameLookup.js
+++ b/app/components/ens/nameLookup.js
@@ -86,9 +86,10 @@ const RegisterInfoCard = ({ formattedDomain, domainPrice }) => (
{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
}>
{formattedDomain.toLowerCase()}
-
+
{!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
+
1 year
diff --git a/app/components/standard/TokenPermission.js b/app/components/standard/TokenPermission.js
index 664e886..bc0b866 100644
--- a/app/components/standard/TokenPermission.js
+++ b/app/components/standard/TokenPermission.js
@@ -1,10 +1,10 @@
import React, { Fragment, PureComponent } from 'react';
-import { Tooltip, OverlayTrigger } from 'react-bootstrap';
import web3 from "Embark/web3"
import Toggle from 'react-toggle';
import { BigNumber } from './utils'
import "react-toggle/style.css";
import CircularProgress from '@material-ui/core/CircularProgress';
+import Tooltip from '@material-ui/core/Tooltip';
// We set an allowance to be "unlimited" by setting it to
// it's maximum possible value -- namely, 2^256 - 1.
@@ -74,17 +74,11 @@ class TokenHandle extends PureComponent {
}
}
-const tooltip = (
-
- Turn on permissions for a token to enable its use with the ENS subdomain registry.
-
-);
-
const TokenPermissions = (props) => (
-
+
Token Permissions
-
+
diff --git a/app/dapp.js b/app/dapp.js
index de32abe..2bff7aa 100644
--- a/app/dapp.js
+++ b/app/dapp.js
@@ -19,6 +19,7 @@ import Paper from '@material-ui/core/Paper';
import Typography from '@material-ui/core/Typography';
import Welcome from './components/ens/welcome';
import Fade from '@material-ui/core/Fade';
+import Hidden from '@material-ui/core/Hidden';
import './dapp.css';
@@ -49,36 +50,48 @@ class App extends React.Component {
return (
-
-
+
+ {!searching &&
+
+
- {!searching &&
-
-
-
- }
- {searching &&
-
-
-
- }
- {false &&
-
-
- network {network}
-
-
-
-
-
- { this.setState({ admin: !admin })}} />
-
- Admin Mode
-
- }
+ }
+ {searching &&
+
+
+
+
+
+
+ { this.setState({ admin: !admin })}} />
+
+ Admin Mode
+
+
+
+ }
+ {false &&
+
+
+ network {network}
+
+
+
+
+
+ { this.setState({ admin: !admin })}} />
+
+ Admin Mode
+
+ }
);
}