From: Adam Dullage <redacted>
Date: Wed, 1 May 2024 11:24:22 +0000 (+0100)
Subject: Toast helpers
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=674cc1996d15c1570c2c414a6f89edec50deb073;p=flatnotes.git

Toast helpers
---

diff --git a/client/App.vue b/client/App.vue
index b9083d1..f1ef6be 100644
--- a/client/App.vue
+++ b/client/App.vue
@@ -9,25 +9,25 @@
 <script setup>
 import { computed } from "vue";
 import { RouterView, useRoute } from "vue-router";
+import { useToast } from "primevue/usetoast";
 
 import { getConfig } from "./api.js";
 import { useGlobalStore } from "./globalStore.js";
 import NavBar from "./partials/NavBar.vue";
 import { loadStoredToken } from "./tokenStorage.js";
 import PrimeToast from "./components/PrimeToast.vue";
+import { getUnknownServerErrorToastOptions } from "./helpers.js";
 
 const globalStore = useGlobalStore();
 const route = useRoute();
+const toast = useToast();
 
 getConfig()
   .then((data) => {
     globalStore.authType = data.authType;
   })
-  .catch(function (error) {
-    if (!error.handled) {
-      // TODO: Trigger unknown error toast
-      console.error(error);
-    }
+  .catch(() => {
+    toast.add(getUnknownServerErrorToastOptions());
   });
 loadStoredToken();
 
diff --git a/client/helpers.js b/client/helpers.js
new file mode 100644
index 0000000..1f711fe
--- /dev/null
+++ b/client/helpers.js
@@ -0,0 +1,17 @@
+export function getToastOptions(title, description, isFailure = false) {
+  return {
+    summary: title,
+    detail: description,
+    severity: isFailure ? "error" : "success",
+    closable: false,
+    life: 5000,
+  };
+}
+
+export function getUnknownServerErrorToastOptions() {
+  return getToastOptions(
+    "Unknown Error",
+    "Unknown error communicating with the server. Please try again.",
+    true,
+  );
+}
diff --git a/client/views/LogIn.vue b/client/views/LogIn.vue
index b22c778..0ca2070 100644
--- a/client/views/LogIn.vue
+++ b/client/views/LogIn.vue
@@ -49,12 +49,15 @@ import TextInput from "../components/TextInput.vue";
 import { authTypes } from "../constants.js";
 import { useGlobalStore } from "../globalStore.js";
 import { storeToken } from "../tokenStorage.js";
+import {
+  getToastOptions,
+  getUnknownServerErrorToastOptions,
+} from "../helpers.js";
 
 const props = defineProps({ redirect: String });
 
 const globalStore = useGlobalStore();
 const router = useRouter();
-const route = useRoute();
 const toast = useToast();
 
 const username = ref("");
@@ -78,14 +81,15 @@ function logIn() {
       totp.value = "";
 
       if (response.response?.status === 401) {
-        toast.add({
-          summary: "Login Failed",
-          detail: "Please check your credentials and try again.",
-          severity: "error",
-          closable: false,
-          life: 5000,
-        });
-        // TODO: Trigger unknown error toast
+        toast.add(
+          getToastOptions(
+            "Login Failed",
+            "Please check your credentials and try again.",
+            true,
+          ),
+        );
+      } else {
+        toast.add(getUnknownServerErrorToastOptions());
       }
     });
 }