diff --git a/README.md b/README.md index 0e29225..512bee8 100644 --- a/README.md +++ b/README.md @@ -22,4 +22,5 @@ Standard workflow for setting up a development environment for working on this r - `npm start` ## License -MIT + +[MIT](./LICENSE.md) diff --git a/package-lock.json b/package-lock.json index b607a8f..b882706 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8446,6 +8446,14 @@ "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" }, + "copy-to-clipboard": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz", + "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==", + "requires": { + "toggle-selection": "^1.0.6" + } + }, "copyfiles": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/copyfiles/-/copyfiles-2.3.0.tgz", @@ -39148,6 +39156,11 @@ } } }, + "toggle-selection": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", + "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI=" + }, "toidentifier": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", diff --git a/package.json b/package.json index 604b624..a77f351 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ }, "dependencies": { "adminlte-2-react": "^0.1.27", + "copy-to-clipboard": "^3.3.1", "gatsby": "^2.23.7", "gatsby-image": "^2.4.5", "gatsby-plugin-ipfs": "^2.0.2", diff --git a/src/components/admin-lte/configure/index.js b/src/components/admin-lte/configure/index.js index 61a2515..37060a2 100644 --- a/src/components/admin-lte/configure/index.js +++ b/src/components/admin-lte/configure/index.js @@ -34,19 +34,19 @@ class Configure extends React.Component { {/* // Default View */} {_this.state.menuItem === 'Configure' && ( <> - - + + - + )} diff --git a/src/components/admin-lte/send-receive/receive.js b/src/components/admin-lte/send-receive/receive.js index 770b534..4d68795 100644 --- a/src/components/admin-lte/send-receive/receive.js +++ b/src/components/admin-lte/send-receive/receive.js @@ -1,6 +1,7 @@ import React from 'react' import PropTypes from 'prop-types' import { Content, Row, Col, Box } from 'adminlte-2-react' +import copy from 'copy-to-clipboard' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' @@ -12,7 +13,8 @@ class Receive extends React.Component { super(props) _this = this this.state = { - addr: _this.props.walletInfo.cashAddress + addr: _this.props.walletInfo.cashAddress, + copySuccess: false } } @@ -37,11 +39,17 @@ class Receive extends React.Component { + {_this.state.copySuccess && +
+ Copied! +
}

{_this.state.addr}