From 791ba642d1acbf2a84e3a35c2494c9617fa4b73c Mon Sep 17 00:00:00 2001
From: SelmaBergstrand <selma.kristine@gmail.com>
Date: Fri, 29 Nov 2024 10:51:20 +0100
Subject: [PATCH] feat(sentry): capture to Sentry when departure fetch fails

---
 tavla/src/Board/scenarios/QuayTile/index.tsx      | 13 +++++++++++++
 tavla/src/Board/scenarios/StopPlaceTile/index.tsx | 13 +++++++++++++
 tavla/src/Shared/graphql/utils.ts                 | 14 ++++++++++++++
 3 files changed, 40 insertions(+)

diff --git a/tavla/src/Board/scenarios/QuayTile/index.tsx b/tavla/src/Board/scenarios/QuayTile/index.tsx
index 5b1bd6230..85badf398 100644
--- a/tavla/src/Board/scenarios/QuayTile/index.tsx
+++ b/tavla/src/Board/scenarios/QuayTile/index.tsx
@@ -11,6 +11,7 @@ import {
     FetchErrorTypes,
 } from 'Board/components/DataFetchingFailed'
 import { TTheme } from 'types/settings'
+import * as Sentry from '@sentry/nextjs'
 
 export function QuayTile({
     placeId,
@@ -42,6 +43,18 @@ export function QuayTile({
     }
 
     if (error || !data || !data.quay) {
+        Sentry.captureException(
+            new Error(
+                error
+                    ? 'Unknown error occurred while fetching quay departures'
+                    : 'Departure fetch for quay returned no data',
+            ),
+            {
+                extra: {
+                    quayId: placeId,
+                },
+            },
+        )
         return (
             <Tile>
                 <DataFetchingFailed
diff --git a/tavla/src/Board/scenarios/StopPlaceTile/index.tsx b/tavla/src/Board/scenarios/StopPlaceTile/index.tsx
index ecdd8ea77..38f6a7561 100644
--- a/tavla/src/Board/scenarios/StopPlaceTile/index.tsx
+++ b/tavla/src/Board/scenarios/StopPlaceTile/index.tsx
@@ -10,6 +10,7 @@ import {
     FetchErrorTypes,
 } from 'Board/components/DataFetchingFailed'
 import { TTheme } from 'types/settings'
+import * as Sentry from '@sentry/nextjs'
 
 export function StopPlaceTile({
     placeId,
@@ -41,6 +42,18 @@ export function StopPlaceTile({
     }
 
     if (error || !data || !data.stopPlace) {
+        Sentry.captureException(
+            new Error(
+                error
+                    ? 'Unknown error occurred while fetching stopPlace departures'
+                    : 'Departure fetch for stopPlace returned no data',
+            ),
+            {
+                extra: {
+                    stopPlaceId: placeId,
+                },
+            },
+        )
         return (
             <Tile>
                 <DataFetchingFailed
diff --git a/tavla/src/Shared/graphql/utils.ts b/tavla/src/Shared/graphql/utils.ts
index cb960ed4e..5f07c9140 100644
--- a/tavla/src/Shared/graphql/utils.ts
+++ b/tavla/src/Shared/graphql/utils.ts
@@ -3,6 +3,7 @@ import { TypedDocumentString } from './index'
 import 'abortcontroller-polyfill/dist/polyfill-patch-fetch'
 import { formatDateToISO, addMinutesToDate } from 'utils/time'
 import { FetchErrorTypes } from 'Board/components/DataFetchingFailed'
+import * as Sentry from '@sentry/nextjs'
 
 async function fetchWithTimeout(
     url: RequestInfo | URL,
@@ -21,8 +22,21 @@ async function fetchWithTimeout(
     } catch (error) {
         clearTimeout(timeoutScheduler)
         if (signal.aborted) {
+            Sentry.captureException(new Error('Departure fetch timed out'), {
+                extra: {
+                    url: url,
+                    fetchOptions: options,
+                },
+            })
             throw new Error(FetchErrorTypes.TIMEOUT)
         }
+        Sentry.captureException(error, {
+            extra: {
+                message: 'Unknown error occured during fetch',
+                url: url,
+                fetchOptions: options,
+            },
+        })
         throw error
     }
 }