Handle errors

BrunoQuaresma · BrunoQuaresma · commit 03eadb651d0a · 2022-09-01T13:28:56.000Z
diff --git a/site/src/xServices/audit/auditXService.ts b/site/src/xServices/audit/auditXService.ts
@@ -1,4 +1,6 @@
 import { getAuditLogs } from "api/api"
+import { getErrorMessage } from "api/errors"
+import { displayError } from "components/GlobalSnackbar/utils"
 import { assign, createMachine } from "xstate"
 
 type AuditLogs = Awaited<ReturnType<typeof getAuditLogs>>
@@ -24,18 +26,29 @@ export const auditMachine = createMachine(
             target: "success",
             actions: ["assignAuditLogs"],
           },
+          onError: {
+            target: "error",
+            actions: ["displayLoadAuditLogsError"],
+          },
         },
       },
       success: {
         type: "final",
       },
+      error: {
+        type: "final",
+      },
     },
   },
   {
     actions: {
       assignAuditLogs: assign({
         auditLogs: (_, event) => event.data,
       }),
+      displayLoadAuditLogsError: (_, event) => {
+        const message = getErrorMessage(event.data, "Error on loading audit logs.")
+        displayError(message)
+      },
     },
     services: {
       loadAuditLogs: () => getAuditLogs(),
