From f72880fa446ac8054f0343c0f9295a8783154834 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 12 Apr 2022 14:59:09 -0400
Subject: [PATCH] fix crd-list.tsx

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../components/+custom-resources/crd-list.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/+custom-resources/crd-list.tsx b/src/renderer/components/+custom-resources/crd-list.tsx
index d140399239..c6c79b4cce 100644
--- a/src/renderer/components/+custom-resources/crd-list.tsx
+++ b/src/renderer/components/+custom-resources/crd-list.tsx
@@ -48,9 +48,11 @@ export class CustomResourceDefinitions extends React.Component {
     return crdStore.items; // show all by default
   }
 
-  toggleSelection = (groups: readonly string[]) => {
+  toggleSelection = (options: readonly ({ group: string })[]) => {
+    const groups = options.map(({ group }) => group);
+
     this.selectedGroups.replace(groups);
-    crdGroupsUrlParam.set([...groups]);
+    crdGroupsUrlParam.set(groups);
   };
 
   private getPlaceholder() {
@@ -101,13 +103,13 @@ export class CustomResourceDefinitions extends React.Component {
                 <Select
                   className="group-select"
                   placeholder={this.getPlaceholder()}
-                  options={Object.keys(crdStore.groups)}
+                  options={Object.keys(crdStore.groups).map(group => ({ group }))}
                   onChange={this.toggleSelection}
                   closeMenuOnSelect={false}
                   controlShouldRenderValue={false}
-                  isOptionSelected={opt => this.selectedGroups.has(opt)}
+                  isOptionSelected={opt => this.selectedGroups.has(opt.group)}
                   isMulti={true}
-                  formatOptionLabel={(group) => (
+                  formatOptionLabel={({ group }) => (
                     <div className="flex gaps align-center">
                       <Icon small material="folder" />
                       <span>{group}</span>
@@ -115,11 +117,11 @@ export class CustomResourceDefinitions extends React.Component {
                         <Icon
                           small
                           material="check"
-                          className="box right" 
+                          className="box right"
                         />
                       )}
                     </div>
-                  )} 
+                  )}
                 />
               </>
             ),