Standardization

src/pages/settings/components/Search/SearchHistory.tsx

@@ -9,7 +9,11 @@ import type { SearchHistoryItem } from 'types';
 
 const SearchHistory = () => {
 	const searchEndpoint = 'api/searchHistory';
-	const { data: historyData, isFetched: historyDataIsFetched } = useQueryAPI({
+	const {
+		data: historyData,
+		isFetched: historyDataIsFetched,
+		isFetching: historyDataIsFetching,
+	} = useQueryAPI({
 		endpoint: searchEndpoint,
 	});
 	const [searchHistory, setSearchHistory] = useState<SearchHistoryItem[]>([]);
@@ -92,7 +96,7 @@ const SearchHistory = () => {
 				align='center'
 			>
 				<Stack h={'calc(100vh - 14rem)'} w={'100%'} p={'1rem'} pt={0} mt={'1rem'} gap={0}>
-					<Stack style={{ overflow: 'scroll', whiteSpace: 'none' }}>
+					<Stack h={'inherit'} style={{ overflow: 'scroll', whiteSpace: 'none' }}>
 						<DataTable
 							data={searchHistory}
 							columns={SearchHistoryColumns(
@@ -106,6 +110,7 @@ const SearchHistory = () => {
 							filtersEnabled={filtersEnabled}
 							globalFilter={globalFilter}
 							setGlobalFilter={setGlobalFilter}
+							isRefreshing={historyDataIsFetching}
 						/>
 					</Stack>
 				</Stack>