Close Comparison

folio-org · Jan 22, 2025 · 00f73cc · 00f73cc
1 parent 1d4a9ac
commit 00f73cc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/src/components/Comparison/Comparison.tsx b/src/components/Comparison/Comparison.tsx
@@ -37,7 +37,15 @@ export const Comparison = () => {
       });
     }
 
-    setPreviewContent(prev => prev.filter(({ id: prevId }) => prevId !== id));
+    setPreviewContent(prev => {
+      const updatedPreviewContent = prev.filter(({ id: prevId }) => prevId !== id);
+
+      if (!updatedPreviewContent.length) {
+        resetFullDisplayComponentType();
+      }
+
+      return updatedPreviewContent;
+    });
     setSelectedInstances(prev => prev.filter(prevId => prevId !== id));
   };
 

diff --git a/src/components/SearchControls/SearchControls.tsx b/src/components/SearchControls/SearchControls.tsx
@@ -46,8 +46,10 @@ export const SearchControls: FC<Props> = ({ submitSearch, changeSegment, clearVa
     setNavigationState,
     resetFacets: resetControls,
     setFacetsBySegments,
+    resetSelectedInstances,
   } = useSearchState();
-  const { isSearchPaneCollapsed, setIsSearchPaneCollapsed, setIsAdvancedSearchOpen } = useUIState();
+  const { isSearchPaneCollapsed, setIsSearchPaneCollapsed, setIsAdvancedSearchOpen, resetFullDisplayComponentType } =
+    useUIState();
   const { resetPreviewContent } = useInputsState();
   const [searchParams, setSearchParams] = useSearchParams();
   const [announcementMessage, setAnnouncementMessage] = useState('');
@@ -72,6 +74,8 @@ export const SearchControls: FC<Props> = ({ submitSearch, changeSegment, clearVa
   const onResetButtonClick = () => {
     clearValuesAndResetControls();
     resetPreviewContent();
+    resetFullDisplayComponentType();
+    resetSelectedInstances();
     hasSearchParams && setSearchParams({});
     hasSearchParams && setNavigationState({});
     setAnnouncementMessage(formatMessage({ id: 'ld.aria.filters.reset.announce' }));
@@ -92,7 +96,7 @@ export const SearchControls: FC<Props> = ({ submitSearch, changeSegment, clearVa
             <FormattedMessage id={isVisibleFilters ? 'ld.searchAndFilter' : 'ld.search'} />
           </h2>
           <Button
-            className='close-ctl'
+            className="close-ctl"
             onClick={() => setIsSearchPaneCollapsed(true)}
             ariaLabel={formatMessage({ id: 'ld.aria.searchPane.close' })}
           >