Replaced all alertMessage calls with notiwind

src/views/HomeView.vue

@@ -37,11 +37,28 @@
             -1,
           )
         "
-        class="font-bold uppercase bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
+        class="font-bold uppercase bg-slate-600 text-white px-3 py-2 rounded-md mr-2"
       >
         Info
       </button>
 
+      <button
+        @click="
+          this.$notify(
+            {
+              group: 'alert',
+              type: 'success',
+              title: 'Success Alert',
+              text: 'Congratulations!',
+            },
+            -1,
+          )
+        "
+        class="font-bold uppercase bg-emerald-600 text-white px-3 py-2 rounded-md mr-2"
+      >
+        Success
+      </button>
+
       <button
         @click="
           this.$notify(
@@ -228,10 +245,17 @@ export default class HomeView extends Vue {
       this.feedLastViewedId = settings?.lastViewedClaimId;
       this.updateAllFeed();
     } catch (err) {
-      this.alertTitle = "Error";
-      this.alertMessage =
-        err.userMessage ||
-        "There was an error retrieving the latest sweet, sweet action.";
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text:
+            err.userMessage ||
+            "There was an error retrieving the latest sweet, sweet action.",
+        },
+        -1,
+      );
     }
   }
 
@@ -280,9 +304,15 @@ export default class HomeView extends Vue {
       })
       .catch((e) => {
         console.log("Error with feed load:", e);
-        this.alertMessage =
-          e.userMessage || "There was an error retrieving feed data.";
-        this.alertTitle = "Error";
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Export Error",
+            text: e.userMessage || "There was an error retrieving feed data.",
+          },
+          -1,
+        );
       });
 
     this.isHiddenSpinner = true;
@@ -373,17 +403,27 @@ export default class HomeView extends Vue {
    */
   public async recordGive(giverDid, description, hours) {
     if (!this.activeDid) {
-      this.setAlert(
-        "Error",
-        "You must select an identity before you can record a give.",
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "You must select an identity before you can record a give.",
+        },
+        -1,
       );
       return;
     }
 
     if (!description && !hours) {
-      this.setAlert(
-        "Error",
-        "You must enter a description or some number of hours.",
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: "You must enter a description or some number of hours.",
+        },
+        -1,
       );
       return;
     }
@@ -403,19 +443,38 @@ export default class HomeView extends Vue {
       if (this.isGiveCreationError(result)) {
         const errorMessage = this.getGiveCreationErrorMessage(result);
         console.log("Error with give result:", result);
-        this.setAlert(
-          "Error",
-          errorMessage || "There was an error recording the give.",
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text: errorMessage || "There was an error recording the give.",
+          },
+          -1,
         );
       } else {
-        this.setAlert("Success", "That gift was recorded.");
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: "That gift was recorded.",
+          },
+          -1,
+        );
       }
     } catch (error) {
       console.log("Error with give caught:", error);
-      this.setAlert(
-        "Error",
-        this.getGiveErrorMessage(error) ||
-          "There was an error recording the give.",
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text:
+            this.getGiveErrorMessage(error) ||
+            "There was an error recording the give.",
+        },
+        -1,
       );
     }
   }