feat(sentry): Adds Sentry config function from @laboratoria/react in …

…src/index.jsx and adds the corresponding variable to github actions (#1554)
Laboratoria · Sep 5, 2023 · 4fb14f3 · 4fb14f3
1 parent 5b1590b
commit 4fb14f3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -36,6 +36,7 @@ jobs:
           LABORATORIA_CORE_API_URL: https://us-central1-outpost-staging-344823.cloudfunctions.net/core-api
           FIREBASE_API_KEY: AIzaSyAXbaEbpq8NOfn0r8mIrcoHvoGRkJThwdc 
           FIREBASE_PROJECT: laboratoria-la
+          SENTRY_DSN: https://f63bf80837e74128a8f4e7701b0efe34@o342590.ingest.sentry.io/4505591507255296
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: ${{ secrets.GITHUB_TOKEN }}
@@ -58,6 +59,7 @@ jobs:
         env:
           FIREBASE_API_KEY: AIzaSyAXbaEbpq8NOfn0r8mIrcoHvoGRkJThwdc 
           FIREBASE_PROJECT: laboratoria-la
+          SENTRY_DSN: https://f63bf80837e74128a8f4e7701b0efe34@o342590.ingest.sentry.io/4505591507255296
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: ${{ secrets.GITHUB_TOKEN }}

diff --git a/.github/workflows/pr-preview.yml b/.github/workflows/pr-preview.yml
@@ -33,6 +33,7 @@ jobs:
           LABORATORIA_CORE_API_URL: https://us-central1-outpost-staging-344823.cloudfunctions.net/core-api
           FIREBASE_API_KEY: AIzaSyAXbaEbpq8NOfn0r8mIrcoHvoGRkJThwdc 
           FIREBASE_PROJECT: laboratoria-la
+          SENTRY_DSN: https://f63bf80837e74128a8f4e7701b0efe34@o342590.ingest.sentry.io/4505591507255296
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:
           repoToken: ${{ secrets.GITHUB_TOKEN }}

diff --git a/src/index.jsx b/src/index.jsx
@@ -6,18 +6,20 @@ import {
   StyledEngineProvider,
 } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
-import { AppProvider, themeConfig } from '@laboratoria/react';
+import { AppProvider, themeConfig, createAppWithProfiler } from '@laboratoria/react';
 import '@laboratoria/react/src/theme/index.css';
 import App from './components/App';
 import reportWebVitals from './reportWebVitals';
 
+const AppWithProfiler = createAppWithProfiler('curriculum.laboratoria.la', App);
+
 ReactDOM.render(
   <React.StrictMode>
     <StyledEngineProvider injectFirst>
       <ThemeProvider theme={createTheme(themeConfig)}>
         <AppProvider>
           <CssBaseline />
-          <App />
+          <AppWithProfiler />
         </AppProvider>
       </ThemeProvider>
     </StyledEngineProvider>