Bedre graphql feilhåndtering

navikt · Dec 23, 2024 · 8e87160 · 8e87160
1 parent 7848d36
commit 8e87160
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/src/utils/fetchErrors.ts b/src/utils/fetchErrors.ts
@@ -1,3 +1,11 @@
+export class GraphqlError extends Error {
+    errors: { message: string }[];
+    constructor(message: string, errors: { message: string }[]) {
+        super(message);
+        this.errors = errors;
+    }
+}
+
 export class UnautorizedError extends Error {
     response: Response;
     constructor(response: Response) {

diff --git a/src/view/dialog/DialogTrad.tsx b/src/view/dialog/DialogTrad.tsx
@@ -128,7 +128,6 @@ const ValgtDialog = ({
 };
 
 const DialogLoader = () => {
-    console.log('DialogLoader fallback');
     return (
         <div className="flex w-full bg-gray-100 items-center justify-center">
             <Loader size="2xlarge" />

diff --git a/src/view/dialogProvider/dialogGraphql.ts b/src/view/dialogProvider/dialogGraphql.ts
@@ -1,6 +1,7 @@
 import { DialogApi } from '../../api/UseApiBasePath';
 import { sjekkStatuskode, toJson } from '../../utils/Fetch';
 import { DialogData, KladdData } from '../../utils/Typer';
+import { GraphqlError } from '../../utils/fetchErrors';
 
 const query = `
     query($fnr: String!, $bareMedAktiviteter: Boolean) {
@@ -47,18 +48,18 @@ const queryBody = (fnr: string) => ({
     }
 });
 
-interface GraphqlError {
+interface GraphqlErrorMessage {
     message: string;
 }
 
 export interface GraphqlResponse<T> {
     data: T;
-    errors: GraphqlError[];
+    errors: GraphqlErrorMessage[];
 }
 
 const sjekkGraphqlFeil = <T>(response: GraphqlResponse<T>): Promise<GraphqlResponse<T>> => {
     if ((response?.errors?.length || 0) != 0) {
-        return Promise.reject('Kunne ikke hente dialoger');
+        return Promise.reject(new GraphqlError('Kunne ikke hente dialoger', response.errors));
     }
     return Promise.resolve(response);
 };

diff --git a/src/view/dialogProvider/dialogStore.ts b/src/view/dialogProvider/dialogStore.ts
@@ -149,7 +149,7 @@ export const useDialogStore = create(
                     if (e instanceof UnautorizedError) {
                         captureMessage('UnauthorizedError 401 på henting av sist oppdatert');
                     } else {
-                        captureMessage('Kunne ikke hente sist oppdatert');
+                        captureMaybeError(`Kunne ikke hente sist oppdatert ${e.toString()}`, e);
                     }
                 }
             },