update search twitter params

-update styles

assets/img/icons/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill-rule="evenodd" fill="#94FEBF" d="M15 14h-1v1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3zM3 6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3zm13-3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1h5a3 3 0 0 1 3 3v5h1a1 1 0 0 0 1-1V3z"></path></svg>

assets/styles/components/_icon.scss

@@ -28,3 +28,10 @@
     background-image: url('../img/icons/link.svg');
   }
 }
+
+.contribution-hash {
+  .icon {
+    background-image: url('../img/icons/copy.svg');
+    background-size: 16px 16px;
+  }
+}

assets/styles/components/_status.scss

@@ -10,5 +10,9 @@
     &.is-danger {
       color: $danger;
     }
+
+    .buttons .button {
+      margin-top: .5rem;
+    }
   }
 }

assets/styles/components/_table.scss

@@ -67,25 +67,9 @@
 
 .table-search {
   .icon {
-    mask-image: url("../img/icons/search.svg");
-    mask-position: center;
-    mask-repeat: no-repeat;
-    mask-size: 16px 16px;
-
-    background-color: $input-placeholder-color;
-  }
-
-  .input {
-    &:hover {
-      ~ .icon {
-        background-color: $input-hover-color;
-      }
-    }
-
-    &:focus {
-      ~ .icon {
-        background-color: $primary;
-      }
-    }
+    background-image: url("../img/icons/search.svg");
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 16px 16px;
   }
 }

pages/authorize-contribution.vue

@@ -19,19 +19,17 @@
       >
         Save information
       </b-button>
-      <b-button
-        v-if="status.type === 'is-success'"
-        @click="makeTweet"
-        type="is-primary"
-        tag="a"
-        target="_blank"
-        outlined
-      >
+    </div>
+    <div v-show="status.type !== ''" class="status">
+      <div :class="status.type" class="status-message">{{ status.msg }}</div>
+      <div v-show="status.type === 'is-success'" class="status-message is-success">
+        Now you can post attestation from your twitter account.
+        <div class="buttons is-centered">
+          <b-button @click="makeTweet" type="is-primary" tag="a" target="_blank" outlined>
             Post attestation
           </b-button>
         </div>
-    <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>
   </div>
 </template>
@@ -99,7 +97,7 @@ export default {
           body: JSON.stringify(body)
         })
         if (response.ok) {
-          this.status.msg = `Your contribution authorized. Now you can post attestation from your twitter account.`
+          this.status.msg = `Your contribution authorized.`
           this.status.type = 'is-success'
           this.hideSaveBtn = true
         } else {

pages/make-contribution.vue

@@ -27,18 +27,31 @@
       </div>
     </fieldset>
 
-    <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="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="copyContributionHash" type="is-primary">Copy</b-button>
-        </p>
+      <b-field position="is-centered" class="has-addons contribution-hash">
+        <b-input
+          @click.native="copyContributionHash"
+          :value="contributionHash"
+          icon="copy"
+          readonly
+        ></b-input>
       </b-field>
     </div>
+    <div v-show="status.type !== ''" class="status">
+      <div :class="status.type" class="status-message">{{ status.msg }}</div>
+      <div
+        v-show="status.type === 'is-success' && contributionType !== 'anonymous'"
+        class="status-message is-success"
+      >
+        Now you can post attestation from your twitter account.
+        <div class="buttons is-centered">
+          <b-button @click="makeTweet" type="is-primary" tag="a" target="_blank" outlined>
+            Post attestation
+          </b-button>
+        </div>
+      </div>
+    </div>
     <div v-show="authorizeLink" class="status">
       You still can authorize your contribution by following this
       <a :href="authorizeLink" class="has-text-primary">link</a>.
@@ -54,16 +67,6 @@
       >
         Make the contribution
       </b-button>
-      <b-button
-        v-if="status.type === 'is-success' && contributionType !== 'anonymous'"
-        @click="makeTweet"
-        type="is-primary"
-        tag="a"
-        target="_blank"
-        outlined
-      >
-        Post attestation
-      </b-button>
     </div>
     <p class="p">
       If you don’t trust binaries, we encorage you to follow this
@@ -183,8 +186,6 @@ export default {
           this.contributionHash = responseData.hash
           if (this.contributionType === 'anonymous') {
             this.authorizeLink = `${window.location.origin}/authorize-contribution?token=${responseData.token}`
-          } else {
-            this.status.msg += ' Now you can post attestation from your twitter account.'
           }
         } else if (resp.status === 422) {
           if (retry < 3) {

server/attestationWatcher.js

@@ -31,7 +31,7 @@ function attestationWatcher() {
 
   const params = {
     since_id: initTweet,
-    q: `#${TWITTER_HASHTAG} -filter:retweets`,
+    q: `contribution #${TWITTER_HASHTAG} -filter:retweets`,
     result_type: 'recent',
     count: 100
   }