diff --git a/components/dataViews/CopyAndPaste.js b/components/dataViews/CopyAndPaste.js new file mode 100644 index 0000000..0ff2d6f --- /dev/null +++ b/components/dataViews/CopyAndPaste.js @@ -0,0 +1,31 @@ +import copy from "copy-to-clipboard"; + +export default (props) => ( +
copy(props.copyText)}> + + + + + +
+); diff --git a/components/dataViews/HashView.js b/components/dataViews/HashView.js new file mode 100644 index 0000000..c849faf --- /dev/null +++ b/components/dataViews/HashView.js @@ -0,0 +1,13 @@ +import CopyAndPaste from "./CopyAndPaste"; + +export default ({ hash }) => ( +
+
{hash}
+ + +
+); diff --git a/components/layout/Page.js b/components/layout/Page.js index e6d8411..c40e9cc 100644 --- a/components/layout/Page.js +++ b/components/layout/Page.js @@ -43,7 +43,7 @@ export default (props) => { margin: 0; font-weight: 400; line-height: 1.15; - font-size: 1.5em; + font-size: 1.4em; text-align: center; } h2 { diff --git a/pages/multi/[address]/index.js b/pages/multi/[address]/index.js index 6c0d256..8e8cdcf 100644 --- a/pages/multi/[address]/index.js +++ b/pages/multi/[address]/index.js @@ -4,6 +4,7 @@ import { useRouter } from "next/router"; import Button from "../../../components/inputs/Button"; import { getMultisigAccount } from "../../../lib/multisigHelpers"; +import HashView from "../../../components/dataViews/HashView"; import MultisigHoldings from "../../../components/dataViews/MultisigHoldings"; import MultisigMembers from "../../../components/dataViews/MultisigMembers"; import Page from "../../../components/layout/Page"; @@ -44,7 +45,9 @@ const multipage = (props) => { -

{address}

+

+ +

{props.error && (