Fix a bug in HomeView and clean up recordGive method

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,24 +277,26 @@ 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;
     }
 
+    try {
       const identity = await this.getIdentity(this.activeDid);
-
-    createAndSubmitGive(
+      const result = await createAndSubmitGive(
         this.axios,
         this.apiServer,
         identity,
@@ -279,26 +304,30 @@ export default class HomeView extends Vue {
         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.";
+        this.setAlert(
+          "Error",
+          errorMessage || "There was an error recording the give.",
+        );
       } else {
-          this.alertTitle = "Success";
-          this.alertMessage = "That gift was recorded.";
+        this.setAlert("Success", "That gift was recorded.");
       }
-      })
-      .catch((error) => {
+    } catch (error) {
       console.log("Error with give caught:", error);
-        this.alertTitle = "Error";
-        this.alertMessage =
-          getGiveErrorMessage(error) ||
-          "There was an error recording the give.";
-      });
+      this.setAlert(
+        "Error",
+        getGiveErrorMessage(error) || "There was an error recording the give.",
+      );
+    }
+  }
+
+  private setAlert(title, message) {
+    this.alertTitle = title;
+    this.alertMessage = message;
   }
 
   // Helper functions for readability