From 962d0b03c7c8b61768ec92225c55d2f7bf90296a Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Tue, 12 Jun 2018 18:17:04 -0400
Subject: [PATCH] add token permissions to landing page

additional styling clean up
make more mobile friendly
---
 app/components/ens/nameLookup.js           |  3 +--
 app/components/ens/registerSubDomain.js    |  2 +-
 app/components/ensSubManagement.js         |  5 -----
 app/components/standard/TokenPermission.js |  2 +-
 app/dapp.js                                | 10 +++++++++-
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js
index f787277..8160068 100644
--- a/app/components/ens/nameLookup.js
+++ b/app/components/ens/nameLookup.js
@@ -19,8 +19,7 @@ const getDomain = fullDomain => formatName(fullDomain).split('.').slice(1).join(
 const hashedDomain = domainName => hash(getDomain(domainName));
 
 const cardStyle = {
-  width: '75%',
-  marginLeft: '15%',
+  width: '100%',
   padding: '30px',
   height: '425px'
 }
diff --git a/app/components/ens/registerSubDomain.js b/app/components/ens/registerSubDomain.js
index a2902b0..3b1df14 100644
--- a/app/components/ens/registerSubDomain.js
+++ b/app/components/ens/registerSubDomain.js
@@ -76,7 +76,7 @@ const InnerForm = ({
       id="address"
       name="address"
       type="text"
-      label="Ethereum address domain resolves to (optional)"
+      label="Ethereum address domain resolves to"
       onChange={handleChange}
       onBlur={handleBlur}
       value={values.address}
diff --git a/app/components/ensSubManagement.js b/app/components/ensSubManagement.js
index 86592a8..5de552d 100644
--- a/app/components/ensSubManagement.js
+++ b/app/components/ensSubManagement.js
@@ -34,10 +34,5 @@ const ENSSubManagement = (props) => (
     <SetupENS ENSRegistry={ENSRegistry} />
   </Fragment>
 )
-setTimeout(() => ENSRegistry.getPastEvents(
-  'allEvents',
-  {},
-  (err, res) => {
-    console.log(err, res) }), 2000)
 
 export default ENSSubManagement;
diff --git a/app/components/standard/TokenPermission.js b/app/components/standard/TokenPermission.js
index b2826f9..1588e1e 100644
--- a/app/components/standard/TokenPermission.js
+++ b/app/components/standard/TokenPermission.js
@@ -62,7 +62,7 @@ class TokenHandle extends PureComponent {
     const { symbol } = this.props;
     const { balance, approved } = this.state;
     return (
-      <div style={{ display: 'flex' }}>
+      <div style={{ display: 'flex', justifyContent: 'center', margin: '10px', paddingLeft: '60px' }}>
         <Toggle
           checked={!!Number(approved)}
           name={symbol}
diff --git a/app/dapp.js b/app/dapp.js
index 10169aa..0c910d2 100644
--- a/app/dapp.js
+++ b/app/dapp.js
@@ -6,9 +6,12 @@ import EmbarkJS from 'Embark/EmbarkJS';
 import TopNavbar from './components/topnavbar';
 import TestTokenUI from './components/testtoken';
 import ERC20TokenUI from './components/erc20token';
+import TestToken from 'Embark/contracts/TestToken';
 import ENSSubManagement from './components/ensSubManagement';
+import ENSSubdomainRegistry from 'Embark/contracts/ENSSubdomainRegistry';
 import NameLookup from './components/ens/nameLookup';
-import AdminMode from './components/AdminMode'
+import AdminMode from './components/AdminMode';
+import TokenPermissions from './components/standard/TokenPermission';
 
 import './dapp.css';
 
@@ -44,6 +47,11 @@ class App extends React.Component {
          <Fragment>
            <NameLookup />
            <div style={{ textAlign: 'center', marginTop: '10%' }}>
+             <TokenPermissions
+               symbol='SNT'
+               spender={ENSSubdomainRegistry._address}
+               methods={TestToken.methods} />
+             <hr/>
              <Toggle onChange={() => { this.setState({ admin: !admin })}} />
              <br/>
              <span>Admin Mode</span>