♻️ Refactor error handling in utils

Author: alejsdev

frontend/src/utils.ts

@@ -1,12 +1,19 @@
+import { AxiosError } from "axios"
 import type { ApiError } from "./client"
-import useCustomToast from "./hooks/useCustomToast"
 
-export const handleError = (err: ApiError) => {
-  const { showErrorToast } = useCustomToast()
+function extractErrorMessage(err: ApiError): string {
+  if (err instanceof AxiosError) {
+    return err.message
+  }
+
   const errDetail = (err.body as any)?.detail
-  let errorMessage = errDetail || "Something went wrong."
   if (Array.isArray(errDetail) && errDetail.length > 0) {
-    errorMessage = errDetail[0].msg
+    return errDetail[0].msg
   }
-  showErrorToast(errorMessage)
+  return errDetail || "Something went wrong."
+}
+
+export const handleError = function (this: (msg: string) => void, err: ApiError) {
+  const errorMessage = extractErrorMessage(err)
+  this(errorMessage)
 }