Merge pull request #3646 from IntersectMBO/feat/1613-provide-pdf-version-in-bug-reports

chore: add outcomes and pdf-ui version tags to sentry

Author: MSzalowski

govtool/frontend/src/components/organisms/RegisterAsDRepSteps/WhatRetirementMeans.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 import * as Sentry from "@sentry/react";
 
 import { Typography } from "@atoms";
@@ -35,10 +35,6 @@ export const WhatRetirementMeans = ({
     closeModal();
   };
 
-  useEffect(() => {
-    Sentry.setTag("component_name", "WhatRetirementMeans");
-  }, []);
-
   const retireAsDrep = useCallback(async () => {
     try {
       setIsRetirementLoading(true);

govtool/frontend/src/context/appContext.tsx

@@ -39,9 +39,6 @@ const AppContext = createContext<AppContextType | null>(null);
  * @param children - The child components to render.
  */
 const AppContextProvider = ({ children }: PropsWithChildren) => {
-  useEffect(() => {
-    Sentry.setTag("component_name", "AppContextProvider");
-  }, []);
   const { fetchEpochParams, epochParams } = useGetEpochParams();
   const { fetchNetworkInfo, networkInfo } = useGetNetworkInfo();
 

govtool/frontend/src/context/governanceAction.tsx

@@ -4,7 +4,6 @@ import {
   createContext,
   useContext,
   useCallback,
-  useEffect,
 } from "react";
 import { NodeObject } from "jsonld";
 import { blake2bHex } from "blakejs";
@@ -43,10 +42,6 @@ const GovernanceActionProvider = ({ children }: PropsWithChildren) => {
    * @returns The JSON-LD representation of the governance action.
    */
 
-  useEffect(() => {
-    Sentry.setTag("component_name", "GovernanceActionProvider");
-  }, []);
-
   const createGovernanceActionJsonLD = useCallback(
     async (govActionMetadata: GovActionMetadata) => {
       try {

govtool/frontend/src/main.tsx

@@ -54,6 +54,12 @@ Sentry.init({
   },
 });
 
+Sentry.setTag("pdf_ui_version", pkg.dependencies["@intersect.mbo/pdf-ui"]);
+Sentry.setTag(
+  "govtool_outcomes_pillar_ui_version",
+  pkg.dependencies["@intersect.mbo/govtool-outcomes-pillar-ui"],
+);
+
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>