Merge pull request #1243 from danskernesdigitalebibliotek/make-filter…

…s-into-a-list Make filters into a list
danskernesdigitalebibliotek · Jun 11, 2024 · a4cafed · a4cafed
2 parents 0ff4cfa + 39ba0c4
commit a4cafed
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/facet-browser/FacetBrowserModalBody.tsx b/src/components/facet-browser/FacetBrowserModalBody.tsx
@@ -65,7 +65,7 @@ const FacetBrowserModalBody: React.FunctionComponent<
               />
             }
           >
-            <div className="facet-browser__facet-group">
+            <ul className="facet-browser__facet-group">
               {values.map((termItem) => {
                 const { term } = termItem;
 
@@ -85,17 +85,19 @@ const FacetBrowserModalBody: React.FunctionComponent<
                 };
 
                 return (
-                  <ButtonTag
-                    key={term}
-                    onClick={handleAddOrRemoveFilter}
-                    selected={selected}
-                    dataCy={`facet-browser-${name}-${term}`}
-                  >
-                    {termItem.term} {termItem?.score && `(${termItem.score})`}
-                  </ButtonTag>
+                  <li>
+                    <ButtonTag
+                      key={term}
+                      onClick={handleAddOrRemoveFilter}
+                      selected={selected}
+                      dataCy={`facet-browser-${name}-${term}`}
+                    >
+                      {termItem.term} {termItem?.score && `(${termItem.score})`}
+                    </ButtonTag>
+                  </li>
                 );
               })}
-            </div>
+            </ul>
           </DisclosureControllable>
         );
       })}