Merge branch '21461-excessive-scrollbars-fix'. Closes #21461

[arvados.git] / services / workbench2 / src / views / search-results-panel / search-results-panel-view.tsx

diff --git a/services/workbench2/src/views/search-results-panel/search-results-panel-view.tsx b/services/workbench2/src/views/search-results-panel/search-results-panel-view.tsx
index bd32d997c20308cc2bbaded43f79a2d01a2b0d76..e9693b50e5917ddfb8542ec26e42fc7cbb004c21 100644 (file)
--- a/services/workbench2/src/views/search-results-panel/search-results-panel-view.tsx
+++ b/services/workbench2/src/views/search-results-panel/search-results-panel-view.tsx
@@ -30,7 +30,6 @@ import { ArvadosTheme } from 'common/custom-theme';
 import { getSearchSessions } from 'store/search-bar/search-bar-actions';
 import { camelCase } from 'lodash';
 import { GroupContentsResource } from 'services/groups-service/groups-service';
-import { PendingIcon } from 'components/icon/icon';
 
 export enum SearchResultsPanelColumnNames {
     CLUSTER = "Cluster",
@@ -154,21 +153,6 @@ export const SearchResultsPanelView = withStyles(styles, { withTheme: true })(
             // eslint-disable-next-line react-hooks/exhaustive-deps
         }, [selectedItem]);
 
-        const prevIsSearching = React.useRef<boolean>(props.isSearching);
-        const [isLoaded, setIsLoaded] = React.useState<boolean>(false);
-
-        useEffect(() => {
-            if(prevIsSearching.current === true && props.isSearching === false) {
-                setIsLoaded(true);
-                props.stopSpinner();
-            }
-            if(props.isSearching === true) {
-                setIsLoaded(false);
-                props.startSpinner();
-            }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [props.isSearching]);
-
         const onItemClick = useCallback((uuid) => {
             setSelectedItem(uuid);
             props.onItemClick(uuid);
@@ -184,8 +168,6 @@ export const SearchResultsPanelView = withStyles(styles, { withTheme: true })(
                 contextMenuColumn={false}
                 elementPath={`/ ${itemPath.reverse().join(' / ')}`}
                 hideSearchInput
-                defaultViewIcon={isLoaded && props.numberOfItems === 0 ? undefined : PendingIcon}
-                defaultViewMessages={isLoaded && props.numberOfItems === 0 ? ['No items found'] : ['Loading data, please wait']}
                 title={
                     <div>
                         {loggedIn.length === 1 ?