Fixed ability to actually donate (#195)

Fixed ability to actually donate

src/dashboard/components/DonationSummary.vue

@@ -44,12 +44,11 @@ div.pt-2
                         single-line,
                         autofocus)
 
-  div.text-xs-center.pt-2.pb-3
-    router-link(to="/checkout")
-      v-btn(v-if="!buttonError", large, outline, color='primary')
-        | Send your thanks! (${{ total.toFixed(2) }})
-      v-btn(v-else, disabled, large, outline, color='primary', v-on:click="donateAll()")
-        | {{ buttonError }}
+  div.text-xs-center.pt-2.pb-3(v-if="checkout")
+    v-btn(v-if="!buttonError", large, color='primary' @click="donateAll()")
+      | Send your thanks! (${{ total.toFixed(2) }})
+    v-btn(v-else disabled large outline color='primary')
+      | {{ buttonError }}
 </template>
 
 <script>
@@ -59,6 +58,7 @@ import { mapState, mapGetters } from 'vuex';
 import { getInstallDate } from '../../lib/util.ts';
 
 export default {
+  props: ['checkout'],
   data: function() {
     return {
       editMode: false,

src/dashboard/pages/CheckoutPage.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 v-container
-  donation-summary(ref='donationSummary', @error="errfun('Donating failed')($event)")
+  donation-summary(ref='donationSummary', @error="errfun('Donating failed')($event)" checkout="true")
 </template>
 
 <script>

src/dashboard/pages/DashboardPage.vue

@@ -69,6 +69,12 @@ div
       v-layout(row)
         v-flex(xs12)
           donation-summary(ref='donationSummary', @error="errfun('Donating failed')($event)")
+
+          div.text-xs-center.pt-2.pb-3
+            router-link(to="/checkout")
+              v-btn(large color="primary")
+                | Review & donate
+
           missing-addresses-card
 </template>