From d8227e147a7ce539c2ff8c1568994c94b2d941d6 Mon Sep 17 00:00:00 2001
From: plehocky <117287338+plehocky@users.noreply.github.com>
Date: Fri, 13 Sep 2024 12:58:13 +0200
Subject: [PATCH] fixed naming of selectbox in device list (#1623)

---
 .../src/pages/device-list/device-list.tsx        | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/frinx-inventory-client/src/pages/device-list/device-list.tsx b/packages/frinx-inventory-client/src/pages/device-list/device-list.tsx
index 0383f45da..adea32c15 100644
--- a/packages/frinx-inventory-client/src/pages/device-list/device-list.tsx
+++ b/packages/frinx-inventory-client/src/pages/device-list/device-list.tsx
@@ -357,7 +357,12 @@ const DeviceList: VoidFunctionComponent = () => {
 
   const kafkaHealthCheckToolbar = useDisclosure({ defaultIsOpen: true });
 
-  const deviceColumnOptions = ['model/version', 'discoveredAt', 'deviceStatus', 'isInstalled'];
+  const deviceColumnOptions = [
+    { name: 'model/version', value: 'model/version' },
+    { name: 'discovered', value: 'discoveredAt' },
+    { name: 'device status', value: 'deviceStatus' },
+    { name: 'installation', value: 'isInstalled' },
+  ];
 
   const handleCheckboxChange = (value: string) => {
     if (columnsDisplayed.includes(value)) {
@@ -888,9 +893,12 @@ const DeviceList: VoidFunctionComponent = () => {
           </MenuButton>
           <MenuList>
             {deviceColumnOptions.map((option) => (
-              <MenuItem key={option}>
-                <Checkbox isChecked={columnsDisplayed.includes(option)} onChange={() => handleCheckboxChange(option)}>
-                  {option}
+              <MenuItem key={option.value}>
+                <Checkbox
+                  isChecked={columnsDisplayed.includes(option.value)}
+                  onChange={() => handleCheckboxChange(option.value)}
+                >
+                  {option.name}
                 </Checkbox>
               </MenuItem>
             ))}