only show the 'More filters' button if there are more filters

eea · Nov 15, 2023 · 96dac21 · 96dac21
1 parent e2bbc26
commit 96dac21
Showing 1 changed file with 19 additions and 17 deletions.
diff --git a/searchlib/components/Facets/DropdownFacetsList.jsx b/searchlib/components/Facets/DropdownFacetsList.jsx
@@ -74,23 +74,25 @@ const DropdownFacetsList = ({ defaultWrapper }) => {
             wrapper="DropdownFacetWrapper"
           />
         ))}
-        <div className="dropdown-facet">
-          <Button
-            className="sui-button basic"
-            onClick={() => setShowSidebar(true)}
-            onKeyDown={(e) => {
-              if (e.key === 'Enter') {
-                setShowSidebar(true);
-              }
-              if (e.key === 'Escape') {
-                setShowSidebar(false);
-              }
-            }}
-            // disabled={isLiveSearch}
-          >
-            <span className="facet-title">+ More filters</span>
-          </Button>
-        </div>
+        {sidebarFacets.length > 0 && (
+          <div className="dropdown-facet">
+            <Button
+              className="sui-button basic"
+              onClick={() => setShowSidebar(true)}
+              onKeyDown={(e) => {
+                if (e.key === 'Enter') {
+                  setShowSidebar(true);
+                }
+                if (e.key === 'Escape') {
+                  setShowSidebar(false);
+                }
+              }}
+              // disabled={isLiveSearch}
+            >
+              <span className="facet-title">+ More filters</span>
+            </Button>
+          </div>
+        )}
         {/*
         {filterNames.length > 0 && (
           <Button