remove contributions column

assets/img/icons/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 40 40"><path fill="#94FEBF" fill-rule="evenodd" d="M36 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8a2 2 0 1 1 0 4H6a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-6a2 2 0 1 1 4 0v8a4 4 0 0 1-4 4zm2-22a2 2 0 0 1-2-2V6.801l-3.601 3.602-6.162 6.162-3.834 3.834-7 7a2.004 2.004 0 0 1-2.833-2.833l7-7L33.136 4H24a2 2 0 1 1 0-4h13.897c.083-.004.161.008.243.014.165.012.324.043.476.093.054.018.107.027.159.049.227.096.431.235.606.403.005.005.012.006.018.011A1.993 1.993 0 0 1 40 2v14a2 2 0 0 1-2 2z"></path></svg>

assets/styles/app.scss

@@ -101,6 +101,10 @@
     &:focus:not(:active) {
       box-shadow: none;
     }
+
+    .icon:first-child:last-child {
+      margin: 0;
+    }
   }
 }
 
@@ -344,6 +348,10 @@
   &-anonymous {
     background-image: url('../img/icons/anonymous.svg');
   }
+
+  &-link {
+    background-image: url('../img/icons/link.svg');
+  }
 }
 
 .table-search {

components/icons/Link.vue

@@ -1,9 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
-    <path
-      fill="#94FEBF"
-      fill-rule="evenodd"
-      d="M17 18H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v3h14v-3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zm-7.134-6.332a1.08 1.08 0 0 1-.78.315C9.056 11.985 9.03 12 9 12c-.03 0-.056-.015-.086-.017a1.08 1.08 0 0 1-.78-.315L4.298 7.833a1.086 1.086 0 0 1 1.534-1.535L8 8.466V1a1 1 0 0 1 2 0v7.466l2.167-2.168a1.087 1.087 0 0 1 1.535 0 1.087 1.087 0 0 1 0 1.535l-3.836 3.835z"
-    />
-  </svg>
-</template>

pages/index.vue

@@ -53,12 +53,13 @@
         </b-table-column>
 
         <b-table-column :centered="true" label="Attestation">
-          <a :href="props.row.attestation" target="_blank">{{ getAttestation(props.row) }}</a>
+          <a
-        </b-table-column>
+            v-if="props.row.attestation"
-
+            :href="props.row.attestation"
-        <b-table-column :centered="true" label="Contribution">
+            target="_blank"
-          <a :href="props.row.contribution" class="button is-icon">
+            class="button is-icon"
-            <Link />
+          >
+            <span class="icon icon-link"></span>
           </a>
         </b-table-column>
       </template>
@@ -109,12 +110,7 @@
 </template>
 
 <script>
-import Link from '@/components/icons/Link'
-
 export default {
-  components: {
-    Link
-  },
   data() {
     return {
       contributions: [],
@@ -149,16 +145,6 @@ export default {
     } catch (e) {
       console.error('e', e)
     }
-  },
-  methods: {
-    getAttestation(row) {
-      const type = {
-        twitter: 'Tweet',
-        github: 'Gist',
-        anonymous: ''
-      }
-      return type[row.socialType]
-    }
   }
 }
 </script>