Changes part two

Author: Hubert-Szczepanski-SAP

eslint.config.js

@@ -63,6 +63,7 @@ const flat = typescriptEslint.config(
       "@typescript-eslint/no-array-constructor": "warn",
       "no-redeclare": "off",
       "@typescript-eslint/no-redeclare": "warn",
+      "@typescript-eslint/no-explicit-any": "off",
       "no-use-before-define": "off",
       "@typescript-eslint/no-use-before-define": [
         "warn",
@@ -245,6 +246,9 @@ const flatReact = [
   },
   {
     ...reactRefresh.configs.recommended,
+    rules: {
+      "react-refresh/only-export-components": "off",
+    }
   },
   {
     // https://github.com/vitest-dev/eslint-plugin-vitest

src/components/ControlPlanes/CopyKubeconfigButton.tsx

@@ -84,7 +84,6 @@ export function DownloadKubeconfig(config: any, displayName: string) {
     document.body.removeChild(link);
     window.URL.revokeObjectURL(url);
   } catch (error) {
-    debugger;
     console.error(error);
   }
   // dynaLeaveAction(id);

src/components/Core/DarkModeSystemSwitcher.tsx

@@ -2,29 +2,29 @@ import { useEffect } from 'react';
 import { setTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
 
 export function DarkModeSystemSwitcher() {
-  if (window.matchMedia) {
-    useEffect(() => {
-      window
-        .matchMedia('(prefers-color-scheme: dark)')
-        .addEventListener('change', (e) =>
-          setTheme(e.matches ? 'sap_horizon_dark' : 'sap_horizon'),
-        );
+  useEffect(() => {
+    if (!window.matchMedia) {
+      console.warn(
+        'Dark mode system switcher is not supported in this browser',
+      );
+      return;
+    }
 
-      const initialMode = window.matchMedia('(prefers-color-scheme: dark)')
-        .matches
-        ? 'sap_horizon_dark'
-        : 'sap_horizon';
-      setTheme(initialMode);
+    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
 
-      return () => {
-        window
-          .matchMedia('(prefers-color-scheme: dark)')
-          .removeEventListener('change', () => {});
-      };
-    }, []);
-  } else {
-    console.warn('Dark mode system switcher is not supported in this browser');
-  }
+    const handleChange = (e: MediaQueryListEvent) => {
+      setTheme(e.matches ? 'sap_horizon_dark' : 'sap_horizon');
+    };
 
-  return <></>;
+    mediaQuery.addEventListener('change', handleChange);
+
+    const initialMode = mediaQuery.matches ? 'sap_horizon_dark' : 'sap_horizon';
+    setTheme(initialMode);
+
+    return () => {
+      mediaQuery.removeEventListener('change', handleChange);
+    };
+  }, []);
+
+  return null; // albo <></>
 }

src/components/Dialogs/CreateProjectDialog.test.tsx

@@ -12,7 +12,7 @@ import { validationSchemaProjectWorkspace } from '../../lib/api/validations/sche
 import { CreateDialogProps } from './CreateWorkspaceDialogContainer.tsx';
 
 export const CreateProjectWorkspaceDialogWrapper: React.FC<{
-  spyFormBody?: (data: any) => {};
+  spyFormBody?: (data: any) => object;
 }> = ({ spyFormBody }) => {
   const [isOpen, setIsOpen] = useState(true);