New: Refresh button for indexer stats

This commit is contained in:
Bogdan
2024-01-12 15:26:32 +02:00
parent 7022054dd7
commit 6201b42fbd
2 changed files with 17 additions and 3 deletions

View File

@@ -12,8 +12,9 @@ import FilterMenu from 'Components/Menu/FilterMenu';
import PageContent from 'Components/Page/PageContent'; import PageContent from 'Components/Page/PageContent';
import PageContentBody from 'Components/Page/PageContentBody'; import PageContentBody from 'Components/Page/PageContentBody';
import PageToolbar from 'Components/Page/Toolbar/PageToolbar'; import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
import PageToolbarButton from 'Components/Page/Toolbar/PageToolbarButton';
import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection'; import PageToolbarSection from 'Components/Page/Toolbar/PageToolbarSection';
import { align, kinds } from 'Helpers/Props'; import { align, icons, kinds } from 'Helpers/Props';
import { import {
fetchIndexerStats, fetchIndexerStats,
setIndexerStatsFilter, setIndexerStatsFilter,
@@ -194,6 +195,10 @@ function IndexerStats() {
dispatch(fetchIndexerStats()); dispatch(fetchIndexerStats());
}, [dispatch]); }, [dispatch]);
const onRefreshPress = useCallback(() => {
dispatch(fetchIndexerStats());
}, [dispatch]);
const onFilterSelect = useCallback( const onFilterSelect = useCallback(
(value: string) => { (value: string) => {
dispatch(setIndexerStatsFilter({ selectedFilterKey: value })); dispatch(setIndexerStatsFilter({ selectedFilterKey: value }));
@@ -219,8 +224,17 @@ function IndexerStats() {
}, 0) ?? 0; }, 0) ?? 0;
return ( return (
<PageContent> <PageContent title={translate('Stats')}>
<PageToolbar> <PageToolbar>
<PageToolbarSection>
<PageToolbarButton
label={translate('Refresh')}
iconName={icons.REFRESH}
isSpinning={isFetching}
onPress={onRefreshPress}
/>
</PageToolbarSection>
<PageToolbarSection alignContent={align.RIGHT} collapseButtons={false}> <PageToolbarSection alignContent={align.RIGHT} collapseButtons={false}>
<FilterMenu <FilterMenu
alignMenu={align.RIGHT} alignMenu={align.RIGHT}

View File

@@ -285,7 +285,7 @@ class SearchIndex extends Component {
const hasNoIndexer = !totalItems; const hasNoIndexer = !totalItems;
return ( return (
<PageContent> <PageContent title={translate('Search')}>
<PageToolbar> <PageToolbar>
<PageToolbarSection <PageToolbarSection
alignContent={align.RIGHT} alignContent={align.RIGHT}