Add copy state logs button

2 files changed, 29 insertions, 0 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0d8a814b9..19bb14e85 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
 - Fix error for invalid seed words.
 - Prevent users from submitting two duplicate transactions by disabling submit.
 - Allow Dapps to specify gas price as hex string.
+- Add button for copying state logs to clipboard.
 
 ## 3.7.8 2017-6-12
 
diff --git a/ui/app/config.js b/ui/app/config.js
index d7be26757..62785c49b 100644
--- a/ui/app/config.js
+++ b/ui/app/config.js
@@ -5,6 +5,7 @@ const connect = require('react-redux').connect
 const actions = require('./actions')
 const currencies = require('./conversion.json').rows
 const validUrl = require('valid-url')
+const copyToClipboard = require('copy-to-clipboard')
 
 module.exports = connect(mapStateToProps)(ConfigScreen)
 
@@ -85,8 +86,35 @@ ConfigScreen.prototype.render = function () {
               },
             }, 'Save'),
           ]),
+
           h('hr.horizontal-line'),
+
           currentConversionInformation(metamaskState, state),
+
+          h('hr.horizontal-line'),
+
+          h('div', {
+            style: {
+              marginTop: '20px',
+            },
+          }, [
+            h('p', {
+              style: {
+                fontFamily: 'Montserrat Light',
+                fontSize: '13px',
+              },
+            }, `State logs contain your public account addresses and sent transactions.`),
+            h('br'),
+            h('button', {
+              style: {
+                alignSelf: 'center',
+              },
+              onClick (event) {
+                copyToClipboard(window.logState())
+              },
+            }, 'Copy State Logs'),
+          ]),
+
           h('hr.horizontal-line'),
 
           h('div', {