From 8cbb4c29d56baf0e31fb31748c291f6e5b91c4e1 Mon Sep 17 00:00:00 2001
From: Jim Ehrismann <40840436+jim-docker@users.noreply.github.com>
Date: Fri, 29 Oct 2021 08:42:42 -0400
Subject: [PATCH] ensure namespace placeholder reflects what will be saved to
 local storage (#4176)

---
 .../+namespaces/namespace-select-filter.tsx   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/+namespaces/namespace-select-filter.tsx b/src/renderer/components/+namespaces/namespace-select-filter.tsx
index 436f0a8a80..9ad0c60a4c 100644
--- a/src/renderer/components/+namespaces/namespace-select-filter.tsx
+++ b/src/renderer/components/+namespaces/namespace-select-filter.tsx
@@ -37,15 +37,15 @@ const Placeholder = observer((props: PlaceholderProps<any, boolean>) => {
   const getPlaceholder = (): React.ReactNode => {
     const namespaces = namespaceStore.contextNamespaces;
 
-    switch (namespaces.length) {
-      case 0:
-      case namespaceStore.allowedNamespaces.length:
-        return <>All namespaces</>;
-      case 1:
-        return <>Namespace: {namespaces[0]}</>;
-      default:
-        return <>Namespaces: {namespaces.join(", ")}</>;
+    if (!namespaceStore.selectedNamespaces.length || !namespaces.length) {
+      return <>All namespaces</>;
     }
+
+    if (namespaces.length === 1) {
+      return <>Namespace: {namespaces[0]}</>;
+    }
+
+    return <>Namespaces: {namespaces.join(", ")}</>;
   };
 
   return (
@@ -101,9 +101,9 @@ export class NamespaceSelectFilter extends React.Component<SelectProps> {
 
       return (
         <div className="flex gaps align-center">
-          <Icon small material="layers"/>
+          <Icon small material="layers" />
           <span>{namespace}</span>
-          {isSelected && <Icon small material="check" className="box right"/>}
+          {isSelected && <Icon small material="check" className="box right" />}
         </div>
       );
     }