From 53ddd3464b522b726823cda90abeeb9fa60a37ca Mon Sep 17 00:00:00 2001
From: Danil Kovtonyuk <danx.kov@gmail.com>
Date: Sat, 29 Feb 2020 22:47:04 +1000
Subject: [PATCH] add copy contribution hash button

---
 assets/styles/components/_ceremony.scss | 10 ++++++++++
 pages/index.vue                         |  2 +-
 pages/make-contribution.vue             | 23 +++++++++++++++++++----
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/assets/styles/components/_ceremony.scss b/assets/styles/components/_ceremony.scss
index 1dd0db7..cd397fe 100644
--- a/assets/styles/components/_ceremony.scss
+++ b/assets/styles/components/_ceremony.scss
@@ -134,6 +134,16 @@
         display: none;
       }
     }
+
+    &.has-addons .control {
+      &:not(:last-child) {
+        z-index: 1;
+      }
+
+      &:last-child {
+        z-index: 10;
+      }
+    }
   }
 
   .currently {
diff --git a/pages/index.vue b/pages/index.vue
index fcfeab4..ef074b1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -99,7 +99,7 @@
               </div>
             </div>
             <b-dropdown-item
-              v-for="(rows, index) in [3, 10, 15, 20, 50]"
+              v-for="(rows, index) in [10, 25, 50, 100]"
               :key="index"
               :value="rows"
               aria-role="listitem"
diff --git a/pages/make-contribution.vue b/pages/make-contribution.vue
index 93cd2c1..304203e 100644
--- a/pages/make-contribution.vue
+++ b/pages/make-contribution.vue
@@ -30,11 +30,18 @@
     <div v-show="status.type === 'is-danger' || status.type === 'is-success'" class="status">
       <div :class="status.type" class="status-message">{{ status.msg }}</div>
     </div>
-    <div v-show="contributionHash" class="is-success status-message">
-      Your contribution hash (Blake2b) is {{ contributionHash }}
+    <div v-show="contributionHash" class="status">
+      <div class="label">Your contribution hash (Blake2b)</div>
+      <b-field position="is-centered">
+        <b-input :value="contributionHash" readonly></b-input>
+        <p class="control">
+          <b-button @click="copyСontributionHash()" type="is-primary">Copy</b-button>
+        </p>
+      </b-field>
     </div>
-    <div v-show="authorizeLink" class="is-success status-message">
-      You still can authorize your contribution by following this <a :href="authorizeLink">link.</a>
+    <div v-show="authorizeLink" class="status">
+      You still can authorize your contribution by following this
+      <a :href="authorizeLink" class="has-text-primary">link</a>.
     </div>
 
     <div class="buttons is-centered">
@@ -204,6 +211,14 @@ export default {
     onAnonymousHandler() {
       this.logOut()
       this.contributionType = 'anonymous'
+    },
+    copyСontributionHash() {
+      navigator.clipboard.writeText(this.contributionHash).then(() => {
+        this.$buefy.toast.open({
+          message: 'Copied!',
+          type: 'is-primary'
+        })
+      })
     }
   }
 }