linter fix

Author: enrico-kaack-comp

src/AppRouter.tsx

@@ -10,11 +10,13 @@ import { SearchParamToggleVisibility } from './components/Helper/FeatureToggleEx
 function AppRouter() {
   return (
     <>
-      <SearchParamToggleVisibility shouldBeVisible={(params) => {
-        if (params === undefined) return true;
-        if (params.get('showHeaderBar') === null) return true;
-        return params?.get('showHeaderBar') === "true"
-      }}>
+      <SearchParamToggleVisibility
+        shouldBeVisible={(params) => {
+          if (params === undefined) return true;
+          if (params.get('showHeaderBar') === null) return true;
+          return params?.get('showHeaderBar') === 'true';
+        }}
+      >
         <ShellBarComponent />
       </SearchParamToggleVisibility>
 

src/components/Core/BetaButton.tsx

@@ -1,18 +1,16 @@
-import { ButtonDomRef, Button, Icon, PopoverDomRef, Popover, Text } from "@ui5/webcomponents-react";
-import { useState, useRef, RefObject } from "react";
+import { ButtonDomRef, Button, Icon, PopoverDomRef, Popover, Text } from '@ui5/webcomponents-react';
+import { useState, useRef, RefObject } from 'react';
 import styles from './ShellBar.module.css';
-import { useTranslation } from "react-i18next";
-import PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
+import { useTranslation } from 'react-i18next';
+import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 
-
 export function BetaButton() {
   const [betaPopoverOpen, setBetaPopoverOpen] = useState(false);
   const betaButtonRef = useRef<ButtonDomRef>(null);
   const betaPopoverRef = useRef<PopoverDomRef>(null);
   const { t } = useTranslation();
 
-
   const onBetaClick = () => {
     if (betaButtonRef.current) {
       betaPopoverRef.current!.opener = betaButtonRef.current;
@@ -30,7 +28,7 @@ export function BetaButton() {
         <BetaPopover open={betaPopoverOpen} setOpen={setBetaPopoverOpen} popoverRef={betaPopoverRef} />
       </Button>
     </>
-  )
+  );
 }
 
 const BetaPopover = ({
@@ -58,4 +56,3 @@ const BetaPopover = ({
     </Popover>
   );
 };
-

src/components/Core/FeedbackButton.tsx

@@ -1,14 +1,27 @@
-import { PopoverDomRef, Ui5CustomEvent, TextAreaDomRef, Button, ButtonDomRef, Popover, Form, FormGroup, FormItem, Label, Link, RatingIndicator, TextArea } from "@ui5/webcomponents-react";
-import { Dispatch, RefObject, SetStateAction, useRef, useState } from "react";
-import { useAuthOnboarding } from "../../spaces/onboarding/auth/AuthContextOnboarding";
-import { useTranslation } from "react-i18next";
-import { ButtonClickEventDetail } from "@ui5/webcomponents/dist/Button.js";
-import PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
-import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
+import {
+  PopoverDomRef,
+  Ui5CustomEvent,
+  TextAreaDomRef,
+  Button,
+  ButtonDomRef,
+  Popover,
+  Form,
+  FormGroup,
+  FormItem,
+  Label,
+  Link,
+  RatingIndicator,
+  TextArea,
+} from '@ui5/webcomponents-react';
+import { Dispatch, RefObject, SetStateAction, useRef, useState } from 'react';
+import { useAuthOnboarding } from '../../spaces/onboarding/auth/AuthContextOnboarding';
+import { useTranslation } from 'react-i18next';
+import { ButtonClickEventDetail } from '@ui5/webcomponents/dist/Button.js';
+import PopoverPlacement from '@ui5/webcomponents/dist/types/PopoverPlacement.js';
+import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 
 type UI5RatingIndicatorElement = HTMLElement & { value: number };
 
-
 export function FeedbackButton() {
   const feedbackPopoverRef = useRef<PopoverDomRef>(null);
   const [feedbackMessage, setFeedbackMessage] = useState('');
@@ -51,14 +64,7 @@ export function FeedbackButton() {
 
   return (
     <>
-      <Button
-        icon="feedback"
-        tooltip="Feedback"
-        onClick={onFeedbackClick}
-        design={ButtonDesign.Transparent}
-      >
-
-      </Button>
+      <Button icon="feedback" tooltip="Feedback" design={ButtonDesign.Transparent} onClick={onFeedbackClick} />
       <FeedbackPopover
         open={feedbackPopoverOpen}
         setOpen={setFeedbackPopoverOpen}
@@ -71,7 +77,7 @@ export function FeedbackButton() {
         onFeedbackMessageChange={onFeedbackMessageChange}
       />
     </>
-  )
+  );
 }
 
 const FeedbackPopover = ({

src/components/Core/IntelligentBreadcrumbs.tsx

@@ -61,15 +61,12 @@ export default function IntelligentBreadcrumbs() {
   );
 }
 
-
 export function BreadCrumbFeedbackHeader() {
   return (
-    <FlexBox
-      alignItems={FlexBoxAlignItems.Center}
-    >
+    <FlexBox alignItems={FlexBoxAlignItems.Center}>
       <IntelligentBreadcrumbs />
       <BetaButton />
       <FeedbackButton />
     </FlexBox>
-  )
-}
+  );
+}

src/components/Core/ShellBar.tsx

@@ -16,19 +16,16 @@ import { useTranslation } from 'react-i18next';
 import { generateInitialsForEmail } from '../Helper/generateInitialsForEmail.ts';
 import styles from './ShellBar.module.css';
 
-
 export function ShellBarComponent() {
   const auth = useAuthOnboarding();
   const profilePopoverRef = useRef<PopoverDomRef>(null);
   const [profilePopoverOpen, setProfilePopoverOpen] = useState(false);
 
-
   const onProfileClick = (e: Ui5CustomEvent<ShellBarDomRef, ShellBarProfileClickEventDetail>) => {
     profilePopoverRef.current!.opener = e.detail.targetRef;
     setProfilePopoverOpen(!profilePopoverOpen);
   };
 
-
   useEffect(() => {
     const shellbar = document.querySelector('ui5-shellbar');
     const el = shellbar?.shadowRoot?.querySelector('.ui5-shellbar-overflow-container-left');
@@ -53,11 +50,9 @@ export function ShellBarComponent() {
           </div>
         }
         onProfileClick={onProfileClick}
-      >
-      </ShellBar>
+      />
 
       <ProfilePopover open={profilePopoverOpen} setOpen={setProfilePopoverOpen} popoverRef={profilePopoverRef} />
-
     </>
   );
 }
@@ -96,4 +91,3 @@ const ProfilePopover = ({
     </Popover>
   );
 };
-

src/components/Helper/FeatureToggleExistance.tsx

@@ -6,12 +6,7 @@ interface FeatureToggleExistanceProps {
 // A component that conditionally renders its children based on a flag in the URL search parameters.
 // The flag and its handling logic must be set via the `shouldBeVisible` prop function.
 export function SearchParamToggleVisibility({ shouldBeVisible, children }: FeatureToggleExistanceProps) {
-  const searchParams = URL.parse(window.location.href)?.searchParams
+  const searchParams = URL.parse(window.location.href)?.searchParams;
 
-  return (
-    <>
-      {shouldBeVisible(searchParams) && children}
-    </>
-  );
-
-}
+  return <>{shouldBeVisible(searchParams) && children}</>;
+}

src/spaces/onboarding/pages/ProjectPage.tsx

@@ -56,7 +56,7 @@ export default function ProjectPage() {
             actionsBar={<ControlPlaneListToolbar projectName={projectName ?? ''} />}
           />
         }
-      //TODO: project chooser should be part of the breadcrumb section if possible?
+        //TODO: project chooser should be part of the breadcrumb section if possible?
       >
         <ControlPlaneListAllWorkspaces projectName={projectName} workspaces={workspaces} />
       </ObjectPage>

src/views/ProjectList.tsx

@@ -13,9 +13,7 @@ export default function ProjectsListView() {
       titleArea={
         <ObjectPageTitle
           header={t('ProjectsListView.pageTitle')}
-          breadcrumbs={
-            <BreadCrumbFeedbackHeader />
-          }
+          breadcrumbs={<BreadCrumbFeedbackHeader />}
           actionsBar={<ProjectListToolbar />}
         />
       }