change: use loader in modal facet

eea · Mar 20, 2024 · 80650d5 · 80650d5
1 parent d9a0fbf
commit 80650d5
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/searchlib/components/Facets/Wrappers/DropdownFacetWrapper.jsx b/searchlib/components/Facets/Wrappers/DropdownFacetWrapper.jsx
@@ -9,7 +9,7 @@ import {
   SearchContext,
 } from '@eeacms/search/lib/hocs';
 import { Facet as SUIFacet } from '@eeacms/search/components';
-import { Dimmer, Modal, Button } from 'semantic-ui-react';
+import { Dimmer, Modal, Button, Loader } from 'semantic-ui-react';
 import { atomFamily } from 'jotai/utils';
 import { useAtom, atom } from 'jotai';
 import cx from 'classnames';
@@ -99,7 +99,12 @@ const DropdownFacetWrapper = (props) => {
             </Modal.Header>
             <Modal.Content>
               <SearchContext.Provider value={facetSearchContext}>
-                {isLoading && <Dimmer active></Dimmer>}
+                {isLoading && (
+                  <Dimmer active>
+                    <Loader active size="medium" />
+                  </Dimmer>
+                )}
+
                 <SUIFacet
                   {...props}
                   active={isOpen}