Replaced all alertMessage calls with notiwind

src/views/ContactAmountsView.vue

@@ -146,10 +146,17 @@ export default class ContactsView extends Vue {
         this.loadGives(this.activeDid, this.contact);
       }
     } 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,
+      );
     }
   }
 
@@ -173,9 +180,15 @@ export default class ContactsView extends Vue {
           resp.status,
           resp.data,
         );
-        this.alertTitle = "Error With Server";
-        this.alertMessage =
-          "Got an error retrieving your given time from the server.";
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error With Server",
+            text: "Got an error retrieving your given time from the server.",
+          },
+          -1,
+        );
       }
 
       const url2 =
@@ -194,9 +207,15 @@ export default class ContactsView extends Vue {
           resp2.status,
           resp2.data,
         );
-        this.alertTitle = "Error With Server";
-        this.alertMessage =
-          "Got an error retrieving your given time from the server.";
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error With Server",
+            text: "Got an error retrieving your given time from the server.",
+          },
+          -1,
+        );
       }
 
       const sortedResult: Array<GiveServerRecord> = R.sort(
@@ -206,8 +225,15 @@ export default class ContactsView extends Vue {
       );
       this.giveRecords = sortedResult;
     } catch (error) {
-      this.alertTitle = "Error With Server";
-      this.alertMessage = error as string;
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error With Server",
+          text: error as string,
+        },
+        -1,
+      );
     }
   }
 
@@ -276,15 +302,29 @@ export default class ContactsView extends Vue {
           userMessage = error as string;
         }
         // Now set that error for the user to see.
-        this.alertTitle = "Error With Server";
-        this.alertMessage = userMessage;
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error With Server",
+            text: userMessage,
+          },
+          -1,
+        );
       }
     }
   }
 
   cannotConfirmMessage() {
-    this.alertTitle = "Not Allowed";
-    this.alertMessage = "Only the recipient can confirm final receipt.";
+    this.$notify(
+      {
+        group: "alert",
+        type: "danger",
+        title: "Not Allowed",
+        text: "Only the recipient can confirm final receipt.",
+      },
+      -1,
+    );
   }
 }
 </script>