Merge pull request #23 from norestlabs/disabled-input-issue

updated wallet utils
mousebelt · Jul 9, 2018 · 620fcf0 · 620fcf0
2 parents 2c5df84 + e38c6c0
commit 620fcf0
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 7 deletions.
diff --git a/src/assets/styles/containers/TokenListContainer.less b/src/assets/styles/containers/TokenListContainer.less
@@ -162,6 +162,9 @@
         padding: 15px 25px;
       }
     }
+    td {
+      cursor: pointer;
+    }
     input {
       height: 40px;
       font-family: @nrl-monospace;

diff --git a/src/containers/App.js b/src/containers/App.js
@@ -1,4 +1,6 @@
 import React, { Component } from 'react';
+import ReactDOM from 'react';
+
 // import { Provider } from 'react-redux';
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
 import RoutesContainer from 'containers/RoutesContainer/RoutesContainer';
@@ -20,5 +22,4 @@ class App extends Component {
     );
   }
 }
-
 export default App;
diff --git a/src/containers/TokenListContainer/TokenListContainer.js b/src/containers/TokenListContainer/TokenListContainer.js
@@ -1,4 +1,5 @@
 import React, { PureComponent } from 'react';
+import ReactDOM from 'react-dom';
 import bip39 from 'bip39';
 import { Row, Col, Input, Button, Layout } from 'antd';
 import { confirmAlert } from 'react-confirm-alert';
@@ -112,6 +113,10 @@ class TokenListContainer extends PureComponent {
     });
   }
 
+  copyHashToClipboard = (hashValue) => {
+    console.log(hashValue)
+  }
+
   render () {
     return (
       <div className="block dashboard">
@@ -133,6 +138,7 @@ class TokenListContainer extends PureComponent {
                 <CopyToClipboard text={this.state.mnemonic} onCopy={() => this.setState({copied: true})}>
                   <Button className="mnemonic_copy_btn">Copy to clipboard</Button>
                 </CopyToClipboard>
+
               </Row>
               <Row>
                 <div className="table_container">
@@ -150,10 +156,22 @@ class TokenListContainer extends PureComponent {
                       {
                         this.state.tokenList.map((token, index) => {
                           return (<tr key={index}>
-                            <td>{token.name}</td>
-                            <td><Input disabled={true} value={token.address} onClick={({target: {value}}) =>this.setState({mnemonic :value, copied: false})}/></td>
-                            <td><Input disabled={true} value={token.privateKey} onClick={({target: {value}}) => this.setState({mnemonic :value, copied: false})}/></td>
-                            <td><Input disabled={true} value={token.publicKey} onClick={({target: {value}}) => this.setState({mnemonic :value, copied: false})}/></td>
+                            <td><pre>{token.name}</pre></td>
+                            <td>
+                              <CopyToClipboard text={token.address} onCopy={() => this.setState({copied: true})}>
+                                <pre>{token.address}</pre>
+                              </CopyToClipboard>
+                            </td>
+                            <td>
+                              <CopyToClipboard text={token.privateKey} onCopy={() => this.setState({copied: true})}>
+                                <pre>{token.privateKey}</pre>
+                              </CopyToClipboard>
+                            </td>
+                            <td>
+                              <CopyToClipboard text={token.publicKey} onCopy={() => this.setState({copied: true})}>
+                                <pre>{token.publicKey}</pre>
+                              </CopyToClipboard>
+                            </td>
                           </tr>)
                         })
                       }
@@ -168,5 +186,4 @@ class TokenListContainer extends PureComponent {
     );
   }
 }
-
 export default TokenListContainer;
diff --git a/src/index.js b/src/index.js
@@ -14,5 +14,4 @@ ReactDOM.render(
   </BrowserRouter>,
   document.getElementById('root')
 );
-
 registerServiceWorker();