From 4a9ccbd6ff401bd658a7d5296315cb0a464d8cdf Mon Sep 17 00:00:00 2001
From: Jared <jbell730@ikibani.com>
Date: Mon, 30 Jan 2023 00:35:26 -0500
Subject: [PATCH] Change some styles and fix a UI bug

---
 src/lib/helpers.ts     |  2 +-
 src/views/FundView.vue | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
index 06825af..9c81fdb 100644
--- a/src/lib/helpers.ts
+++ b/src/lib/helpers.ts
@@ -4,7 +4,7 @@ export const truncateWallet: (
   postDigits: number | undefined,
 ) => string = (wallet: string, preDigits: number, postDigits = preDigits) => {
   const [med, mtd] = [Math.max(preDigits, 3), Math.max(postDigits, 3)];
-  return `${wallet.slice(0, med)}...${wallet.slice(-(mtd + 1), -1)}`;
+  return `${wallet.slice(0, med)}...${wallet.slice(-(mtd + 1), wallet.length)}`;
 };
 export const isNumber = (s: string) => /^[0-9]+$/.test(s);
 
diff --git a/src/views/FundView.vue b/src/views/FundView.vue
index 9efa9e2..1ac3bed 100644
--- a/src/views/FundView.vue
+++ b/src/views/FundView.vue
@@ -122,11 +122,11 @@
           </label>
         </div>
       </div>
+      <p class="py-2" v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
+        Enable contribution consolidation in order to select.
+        Click to select a row in order to mark a wallet to receive rewards.
+      </p>
       <div id="contribution-container" @scroll="loadMoreIfNeeded">
-        <p v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
-          Enable contribution consolidation in order to select.
-          Click to select a row in order to mark a wallet to receive rewards.
-        </p>
         <table class="contribution-table table is-fullwidth">
           <thead>
           <tr>
@@ -154,7 +154,7 @@
           </tbody>
         </table>
       </div>
-      <div v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
+      <div class="my-4" v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
         <div class="box is-flex is-flex-direction-row is-justify-content-space-between">
           <div class="my-auto">
             <label for="distribute-confirm" class="checkbox">
@@ -164,7 +164,8 @@
           </div>
           <div>
             <button class="button is-success"
-                    :disabled="!allowDistribution" @click="distributeFund">
+                    :disabled="!allowDistribution || selectedContributions.length === 0"
+                    @click="distributeFund">
               Distribute Rewards
             </button>
           </div>