add download contribution link

.env.example

@@ -2,6 +2,7 @@ DISABLE_S3=false
 AWS_ACCESS_KEY_ID=
 AWS_SECRET_ACCESS_KEY=
 AWS_S3_BUCKET=
+AWS_CONTRIBUTION_URL=
 
 MYSQL_USER=
 MYSQL_PASSWORD=

assets/img/icons/save.svg

@@ -0,0 +1 @@
+<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>

assets/styles/components/_icon.scss

@@ -27,6 +27,10 @@
   &-link {
     background-image: url('../img/icons/link.svg');
   }
+
+  &-save {
+    background-image: url('../img/icons/save.svg');
+  }
 }
 
 .contribution-hash {

nuxt.config.js

@@ -125,6 +125,7 @@ module.exports = {
     host: '0.0.0.0' // default: localhost
   },
   env: {
-    hashtag: process.env.TWITTER_HASHTAG
+    hashtag: process.env.TWITTER_HASHTAG,
+    downloadUrl: process.env.AWS_CONTRIBUTION_URL
   }
 }

pages/index.vue

@@ -66,6 +66,12 @@
             <span class="icon icon-link"></span>
           </a>
         </b-table-column>
+
+        <b-table-column>
+          <a :href="`${downloadUrl}_${props.row.id}`" class="button is-icon" download>
+            <span class="icon icon-save"></span>
+          </a>
+        </b-table-column>
       </template>
 
       <template slot="empty">
@@ -130,7 +136,8 @@ export default {
       //   }
       // ],
       rowsPerPage: 10,
-      contributionSearch: ''
+      contributionSearch: '',
+      downloadUrl: process.env.downloadUrl
     }
   },
   computed: {