From 04fb3228d177606290e515b660af9a53249ed814 Mon Sep 17 00:00:00 2001
From: Max Thonagel <12283268+thoniTUB@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:43:20 +0100
Subject: [PATCH] prettier and revert '>' in single text element

---
 .../src/js/scrollable-list/ScrollableList.tsx     | 15 ++++++++++++---
 .../js/ui-components/InputSelect/InputSelect.tsx  |  2 +-
 .../UploadConceptListModal.tsx                    |  6 +++++-
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/frontend/src/js/scrollable-list/ScrollableList.tsx b/frontend/src/js/scrollable-list/ScrollableList.tsx
index 567058ab88..f8e35c6828 100644
--- a/frontend/src/js/scrollable-list/ScrollableList.tsx
+++ b/frontend/src/js/scrollable-list/ScrollableList.tsx
@@ -7,7 +7,7 @@ interface PropsType {
   items: ReactNode[];
   maxVisibleItems: number;
   fullWidth?: boolean;
-  dataTestId?: string
+  dataTestId?: string;
 }
 
 // With the number of visible items specified here,
@@ -44,7 +44,12 @@ const Item = styled("div")`
   font-size: ${({ theme }) => theme.font.sm};
 `;
 
-const ScrollableList = ({ items, maxVisibleItems, fullWidth, dataTestId }: PropsType) => {
+const ScrollableList = ({
+  items,
+  maxVisibleItems,
+  fullWidth,
+  dataTestId,
+}: PropsType) => {
   const renderItem = (index: number, key: string | number) => {
     return (
       <Item key={key} className="scrollable-list-item">
@@ -54,7 +59,11 @@ const ScrollableList = ({ items, maxVisibleItems, fullWidth, dataTestId }: Props
   };
 
   return (
-    <Root maxVisibleItems={maxVisibleItems} fullWidth={!!fullWidth} data-test-id={dataTestId}>
+    <Root
+      maxVisibleItems={maxVisibleItems}
+      fullWidth={!!fullWidth}
+      data-test-id={dataTestId}
+    >
       <ReactList
         itemRenderer={renderItem}
         length={items ? items.length : 0}
diff --git a/frontend/src/js/ui-components/InputSelect/InputSelect.tsx b/frontend/src/js/ui-components/InputSelect/InputSelect.tsx
index f90f20d536..6690df9a09 100644
--- a/frontend/src/js/ui-components/InputSelect/InputSelect.tsx
+++ b/frontend/src/js/ui-components/InputSelect/InputSelect.tsx
@@ -285,7 +285,7 @@ const InputSelect = ({
         <DropdownToggleButton
           disabled={disabled}
           icon={faChevronDown}
-           data-test-id="selection-dropdown"
+          data-test-id="selection-dropdown"
           {...getToggleButtonProps()}
         />
       </Control>
diff --git a/frontend/src/js/upload-concept-list-modal/UploadConceptListModal.tsx b/frontend/src/js/upload-concept-list-modal/UploadConceptListModal.tsx
index 36f78f1b88..9dba7a16c4 100644
--- a/frontend/src/js/upload-concept-list-modal/UploadConceptListModal.tsx
+++ b/frontend/src/js/upload-concept-list-modal/UploadConceptListModal.tsx
@@ -511,7 +511,11 @@ const UploadConceptListModal = ({
   );
 
   return (
-    <Modal onClose={onClose} headline={t("uploadConceptListModal.headline")} dataTestId="uploadConceptListModal">
+    <Modal
+      onClose={onClose}
+      headline={t("uploadConceptListModal.headline")}
+      dataTestId="uploadConceptListModal"
+    >
       <Root>
         <SxInputSelect
           label={t("uploadConceptListModal.selectConceptRootNode")}