add enable token permissions to mobile registration screen

app/components/ens/registerSubDomain.js

@@ -11,6 +11,7 @@ import { zeroAddress, zeroBytes32, formatPrice } from './utils';
 import { getStatusContactCode, getSNTAllowance } from '../../reducers/accounts';
 import FieldGroup from '../standard/FieldGroup';
 import LinearProgress from '@material-ui/core/LinearProgress';
+import TokenPermissions from '../standard/TokenPermissionConnect';
 import { generateXY } from '../../utils/ecdsa';
 
 const { soliditySha3, fromWei } = web3.utils;
@@ -18,7 +19,6 @@ const { soliditySha3, fromWei } = web3.utils;
 const InnerForm = ({
   values,
   errors,
-  touched,
   handleChange,
   handleBlur,
   handleSubmit,
@@ -27,7 +27,7 @@ const InnerForm = ({
   subDomain,
   domainName,
   domainPrice,
-  statusContactCode,
+  SNTAllowance,
 }) => (
   <form onSubmit={handleSubmit}>
     <div style={{ margin: '10px' }}>
@@ -120,7 +120,13 @@ const InnerForm = ({
             wide />
         </Field>
         <div style={{ position: 'relative', left: 0, right: 0, bottom: 0 }}>
-        <MobileButton type="submit" text="Register with transaction" style={{ width: '100%' }}/>
+          {!Number(SNTAllowance) ? <TokenPermissions
+            symbol="SNT"
+            spender={ENSSubdomainRegistry.address}
+            methods={TestToken.methods}
+            mobile
+          />
+          : <MobileButton type="submit" text="Register with transaction" style={{ width: '100%' }}/>}
         </div>
       </Hidden>
     </div>