fix(device-page): fitler devices in select

#1899
nurikk · Feb 2, 2024 · 4d9dbc7 · 4d9dbc7
1 parent 9c8a877
commit 4d9dbc7
Showing 1 changed file with 7 additions and 16 deletions.
diff --git a/src/components/device-page/header-device-selector.tsx b/src/components/device-page/header-device-selector.tsx
@@ -67,26 +67,17 @@ export function HeaderDeviceSelector(props: HeaderDeviceSelectorProps): JSX.Elem
                 </Dropdown.Toggle>
 
                 <Dropdown.Menu as={SearchMenu} searchTerm={searchTerm} t={t} setSearchTerm={setSearchTerm}>
-                    <HeaderDeviceSelectorItems devices={devices} dev={dev} tab={tab} setSearchTerm={setSearchTerm} />
+                    {HeaderDeviceSelectorItems({ devices, dev, tab, setSearchTerm })}
                 </Dropdown.Menu>
             </Dropdown>
         </h1>
     );
 }
 
-function HeaderDeviceSelectorItems({ devices, dev, tab, setSearchTerm }: HeaderDeviceSelectorItemsProps): JSX.Element {
-    return (
-        <>
-            {Object.entries(devices).map(([id, device]) => (
-                <Dropdown.Item
-                    active={id === dev}
-                    key={id}
-                    href={`#/device/${id}/${tab}`}
-                    onClick={() => setSearchTerm('')}
-                >
-                    {device.friendly_name}
-                </Dropdown.Item>
-            ))}
-        </>
-    );
+function HeaderDeviceSelectorItems({ devices, dev, tab, setSearchTerm }: HeaderDeviceSelectorItemsProps) {
+    return Object.entries(devices).map(([id, device]) => (
+        <Dropdown.Item active={id === dev} key={id} href={`#/device/${id}/${tab}`} onClick={() => setSearchTerm('')}>
+            {device.friendly_name}
+        </Dropdown.Item>
+    ));
 }