From 1663e88755b761df3f7924d9c2a3b02308d82c7c Mon Sep 17 00:00:00 2001
From: DvoraShechter1 <d0583212560@gmail.com>
Date: Mon, 28 Oct 2024 16:10:01 +0200
Subject: [PATCH] Refinement complete. Code requires cleanup

Signed-off-by: DvoraShechter1 <d0583212560@gmail.com>
---
 .../MultiselectFilterControl.tsx              | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx
index ecd482669..af97a3a5f 100644
--- a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx
+++ b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx
@@ -270,6 +270,50 @@ export const MultiselectFilterControl = <TItem,>({
             isOpen={isFilterDropdownOpen}
           >
             {groups && groups.length > 0 && (
+              // <SelectList id={withPrefix("select-typeahead-listbox")}>
+              //   {groups.map((groupLabel) => (
+              //     <React.Fragment key={groupLabel}>
+              //       <SelectOption
+              //         isDisabled
+              //         hasCheckbox={false}
+              //         key={`label-${groupLabel}`}
+              //       >
+              //         <strong>{groupLabel}</strong>
+              //       </SelectOption>
+
+              //       {filteredOptions
+              //         .filter((option) => option.groupLabel === groupLabel)
+              //         .map(({ label, value, optionProps = {} }, index) => (
+              //           <SelectOption
+              //             {...optionProps}
+              //             {...(!optionProps.isDisabled && {
+              //               hasCheckbox: true,
+              //             })}
+              //             key={value}
+              //             id={withPrefix(`option-${index}`)}
+              //             value={value}
+              //             isFocused={focusedItemIndex === index}
+              //             isSelected={filterValue?.includes(value)}
+              //           >
+              //             {label ?? value}
+              //           </SelectOption>
+              //         ))}
+              //     </React.Fragment>
+              //   ))}
+
+              //   {filteredOptions.length === 0 && (
+              //     <SelectOption
+              //       isDisabled
+              //       hasCheckbox={false}
+              //       key={NO_RESULTS}
+              //       value={NO_RESULTS}
+              //       isSelected={false}
+              //     >
+              //       {`No results found for "${inputValue}"`}
+              //     </SelectOption>
+              //   )}
+              // </SelectList>
+
               <SelectList id={withPrefix("select-typeahead-listbox")}>
                 {groups.map((groupLabel) => (
                   <React.Fragment key={groupLabel}>