Merge branch 'ci/sentry' of github.com:NIAEFEUP/tts-revamp-fe into ci…

…/sentry

.env.example

@@ -7,5 +7,8 @@ VITE_APP_SEMESTER=
 VITE_APP_SITE_TITLE=
 VITE_APP_BACKEND_URL=
 
+VITE_APP_SENTRY_DSN=https://[email protected]/4507775325437952
+VITE_APP_SENTRY_TRACING=0
+
 # To upload source maps to Sentry (Optional)
-SENTRY_AUTH_TOKEN=
+APP_SENTRY_AUTH_TOKEN=

src/App.tsx

@@ -36,17 +36,17 @@ const App = () => {
   // Enable Error Tracking, Performance Monitoring and Session Replay
   Sentry.init({
     environment: Number(import.meta.env.VITE_APP_PROD) ? "production" : "development",
-    dsn: "https://[email protected]/4507775325437952",
+    dsn: import.meta.env.VITE_APP_SENTRY_DSN,
     integrations: [
-      Sentry.browserTracingIntegration(),
-      Sentry.replayIntegration(),
-      Sentry.reactRouterV6BrowserTracingIntegration({
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.browserTracingIntegration() : null,
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.replayIntegration() : null,
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.reactRouterV6BrowserTracingIntegration({
         useEffect: React.useEffect,
         useLocation,
         useNavigationType,
         createRoutesFromChildren,
         matchRoutes,
-      }),
+      }) : null,
     ],
 
     // Performance monitoring
@@ -71,7 +71,7 @@ const App = () => {
                 <Layout location={page.location} title={page.location} liquid={page.liquid}>
                   <div>
                     <page.element />
-                    <Toaster/>
+                    <Toaster />
                   </div>
                 </Layout>
               }

src/components/planner/sidebar/CoursesController/ClassSelector.tsx

@@ -30,6 +30,7 @@ const ClassSelector = ({ course }: Props) => {
 
     if (option.length === 0) {
       setSelectedClassId(null);
+      setDisplay(null);
       return;
     }
 

src/styles/schedule.css

@@ -158,15 +158,15 @@
 }
 
 .schedule-class-conflict {
-  @apply z-20 border-2 opacity-75 border-red-600 ring-rose-700 hover:z-30 hover:opacity-100 hover:ring-1;
+  @apply z-30 border-2 opacity-75 border-red-600 ring-rose-700 hover:z-30 hover:opacity-100 hover:ring-1;
 }
 
 .schedule-class-conflict-warn {
   @apply z-20 border-2 opacity-75 border-amber-500 ring-amber-500 hover:z-30 hover:opacity-100 hover:ring-1;
 }
 
 .schedule-class-conflict-info {
-  @apply z-20 border-2  border-red-600 opacity-75 ring-red-500 hover:z-30 hover:opacity-100;
+  @apply z-30 border-2  border-red-600 opacity-75 ring-red-500 hover:z-30 hover:opacity-100;
 }
 
 .schedule-class-conflict-warn-info {