fix: migrate error handling from Sentry to Faro in Redux actions

Author: ZibanPirate

web/src/redux/actions/contribution.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { contributionPageSlice } from "src/redux/slices/contribution-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -17,6 +17,6 @@ export const fetchContributionAction =
       dispatch(contributionPageSlice.actions.set({ contribution }));
     } catch (error) {
       dispatch(contributionPageSlice.actions.set({ contribution: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/contributions.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { contributionsPageSlice } from "src/redux/slices/contributions-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -13,6 +13,6 @@ export const fetchContributionsListAction =
       dispatch(contributionsPageSlice.actions.set({ contributionsList: contributions }));
     } catch (error) {
       dispatch(contributionsPageSlice.actions.set({ contributionsList: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/contributor.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { contributorPageSlice } from "src/redux/slices/contributor-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -17,6 +17,6 @@ export const fetchContributorAction =
       dispatch(contributorPageSlice.actions.set({ contributor }));
     } catch (error) {
       dispatch(contributorPageSlice.actions.set({ contributor: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/contributors.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { contributorsPageSlice } from "src/redux/slices/contributors-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -12,6 +12,6 @@ export const fetchContributorsListAction =
       dispatch(contributorsPageSlice.actions.set({ contributorsList: contributors }));
     } catch (error) {
       dispatch(contributorsPageSlice.actions.set({ contributorsList: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/project.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { projectPageSlice } from "src/redux/slices/project-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -17,6 +17,6 @@ export const fetchProjectAction =
       dispatch(projectPageSlice.actions.set({ project }));
     } catch (error) {
       dispatch(projectPageSlice.actions.set({ project: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/projects.ts

@@ -1,5 +1,5 @@
+import { faro } from "@grafana/faro-react";
 import { Action, ThunkAction } from "@reduxjs/toolkit";
-import { captureException } from "@sentry/react";
 import { projectsPageSlice } from "src/redux/slices/projects-page";
 import { AppState } from "src/redux/store";
 import { fetchV2 } from "src/utils/fetch";
@@ -12,6 +12,6 @@ export const fetchProjectsListAction =
       dispatch(projectsPageSlice.actions.set({ projectsList: projects }));
     } catch (error) {
       dispatch(projectsPageSlice.actions.set({ projectsList: "ERROR" }));
-      captureException(error, { tags: { type: "WEB_FETCH" } });
+      faro.api.pushError(error as Error, { type: "WEB_FETCH" });
     }
   };

web/src/redux/actions/settings.ts

@@ -1,13 +1,13 @@
 import { DEFAULT_LANGUAGE, LANGUAGES } from "@dzcode.io/models/dist/language";
 import { LanguageCode } from "@dzcode.io/utils/dist/language";
-import { captureException } from "@sentry/react";
+import { faro } from "@grafana/faro-react";
 
 export const changeLanguage = (languageCode: LanguageCode) => {
   let newPath = window.location.pathname;
   const language = LANGUAGES.find(({ code }) => code === languageCode);
   if (!language) {
-    console.error("Invalid language code", languageCode);
-    captureException(`Invalid language code ${language}`, { tags: { type: "GENERIC" } });
+    const error = new Error(`Invalid language code ${languageCode}`);
+    faro.api.pushError(error);
     return;
   }