fix the on-screen total update for unconfirmed amount

src/views/ContactsView.vue

@@ -755,17 +755,13 @@ export default class ContactsView extends Vue {
           this.alertMessage = "Successfully logged time to the server.";
           this.isAlertVisible = true;
           if (fromDid === identity.did) {
-            this.givenByMeConfirmed[toDid] =
-              this.givenByMeConfirmed[toDid] + amount;
-            // do this to update the UI (is there a better way?)
-            // eslint-disable-next-line no-self-assign
-            this.givenByMeConfirmed = this.givenByMeConfirmed;
+            const newList = R.clone(this.givenByMeUnconfirmed);
+            newList[toDid] = (newList[toDid] || 0) + amount;
+            this.givenByMeUnconfirmed = newList;
           } else {
-            this.givenToMeConfirmed[fromDid] =
-              this.givenToMeConfirmed[fromDid] + amount;
-            // do this to update the UI (is there a better way?)
-            // eslint-disable-next-line no-self-assign
-            this.givenToMeConfirmed = this.givenToMeConfirmed;
+            const newList = R.clone(this.givenToMeConfirmed);
+            newList[fromDid] = (newList[fromDid] || 0) + amount;
+            this.givenToMeConfirmed = newList;
           }
         }
       } catch (error) {