diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 07c4c42c..a289f7cd 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -98,6 +98,29 @@ export default class HomeView extends Vue { alertTitle = ""; alertMessage = ""; + public async getIdentity(activeDid) { + await accountsDB.open(); + const accounts = await accountsDB.accounts.toArray(); + const account = R.find((acc) => acc.did === activeDid, accounts); + const identity = JSON.parse(account?.identity || "null"); + + if (!identity) { + throw new Error( + "Attempted to load Give records with no identity available.", + ); + } + return identity; + } + + public async getHeaders(identity) { + const token = await accessToken(identity); + const headers = { + "Content-Type": "application/json", + Authorization: "Bearer " + token, + }; + return headers; + } + async created() { try { await accountsDB.open(); @@ -254,51 +277,57 @@ export default class HomeView extends Vue { * @param description may be an empty string * @param hours may be 0 */ - recordGive(giverDid, description, hours) { + public async recordGive(giverDid, description, hours) { if (!this.activeDid) { - this.alertTitle = "Error"; - this.alertMessage = - "You must select an identity before you can record a give."; + this.setAlert( + "Error", + "You must select an identity before you can record a give.", + ); return; } if (!description && !hours) { - this.alertTitle = "Error"; - this.alertMessage = - "You must enter a description or some number of hours."; + this.setAlert( + "Error", + "You must enter a description or some number of hours.", + ); return; } - const identity = await this.getIdentity(this.activeDid); + try { + const identity = await this.getIdentity(this.activeDid); + const result = await createAndSubmitGive( + this.axios, + this.apiServer, + identity, + giverDid, + this.activeDid, + description, + hours, + ); + + if (isGiveCreationError(result)) { + const errorMessage = getGiveCreationErrorMessage(result); + console.log("Error with give result:", result); + this.setAlert( + "Error", + errorMessage || "There was an error recording the give.", + ); + } else { + this.setAlert("Success", "That gift was recorded."); + } + } catch (error) { + console.log("Error with give caught:", error); + this.setAlert( + "Error", + getGiveErrorMessage(error) || "There was an error recording the give.", + ); + } + } - createAndSubmitGive( - this.axios, - this.apiServer, - identity, - giverDid, - this.activeDid, - description, - hours, - ) - .then((result) => { - if (isGiveCreationError(result)) { - const errorMessage = getGiveCreationErrorMessage(result); - console.log("Error with give result:", result); - this.alertTitle = "Error"; - this.alertMessage = - errorMessage || "There was an error recording the give."; - } else { - this.alertTitle = "Success"; - this.alertMessage = "That gift was recorded."; - } - }) - .catch((error) => { - console.log("Error with give caught:", error); - this.alertTitle = "Error"; - this.alertMessage = - getGiveErrorMessage(error) || - "There was an error recording the give."; - }); + private setAlert(title, message) { + this.alertTitle = title; + this.alertMessage = message; } // Helper functions for readability