Minor adjustments

rubenthoms · Sep 17, 2024 · 58133d1 · 58133d1
1 parent 31acec2
commit 58133d1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/frontend/src/lib/components/SortableList/sortableListItem.tsx b/frontend/src/lib/components/SortableList/sortableListItem.tsx
@@ -69,7 +69,9 @@ export function SortableListItem(props: SortableListItemProps): React.ReactNode
                             <Header {...props} />
                         </div>
                     )}
-                <div className={resolveClassNames("bg-white border-b shadow")}>{props.children}</div>
+                {props.children !== undefined && (
+                    <div className={resolveClassNames("bg-white border-b shadow")}>{props.children}</div>
+                )}
             </div>
             {isHovered && sortableListContext.hoveredArea === HoveredArea.BOTTOM && <SortableListDropIndicator />}
         </>

diff --git a/frontend/src/modules/MyModule2/settings.tsx b/frontend/src/modules/MyModule2/settings.tsx
@@ -141,11 +141,11 @@ export function Settings(): React.ReactNode {
     );
 
     function makeChildren(items: Item[]): React.ReactElement[] {
-        return items.map((item) => {
+        return items.map((item, idx) => {
             if (item.type === "item") {
                 return (
                     <SortableListItem key={item.id} title={item.title} id={item.id}>
-                        {item.title}
+                        {idx % 2 === 0 ? item.title : undefined}
                     </SortableListItem>
                 );
             } else {