1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 05:19:39 +02:00

feat(helm): auto refresh helm resources [r8s-298] (#672)

This commit is contained in:
Ali 2025-04-23 08:58:21 +12:00 committed by GitHub
parent 9a9373dd0f
commit 61d6ac035d
10 changed files with 120 additions and 50 deletions

View file

@ -1,23 +1,47 @@
import { Datatable } from '@@/datatables';
import { createPersistedStore } from '@@/datatables/types';
import { useCurrentStateAndParams } from '@uirouter/react';
import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
import { Datatable, TableSettingsMenu } from '@@/datatables';
import {
createPersistedStore,
refreshableSettings,
TableSettingsWithRefreshable,
} from '@@/datatables/types';
import { useTableState } from '@@/datatables/useTableState';
import { Widget } from '@@/Widget';
import { TableSettingsMenuAutoRefresh } from '@@/datatables/TableSettingsMenuAutoRefresh';
import { GenericResource } from '../../../types';
import { useHelmRelease } from '../../queries/useHelmRelease';
import { columns } from './columns';
import { useResourceRows } from './useResourceRows';
type Props = {
resources: GenericResource[];
};
const storageKey = 'helm-resources';
const settingsStore = createPersistedStore(storageKey, 'resourceType');
export function ResourcesTable({ resources }: Props) {
export function createStore(storageKey: string) {
return createPersistedStore<TableSettingsWithRefreshable>(
storageKey,
'name',
(set) => ({
...refreshableSettings(set),
})
);
}
const settingsStore = createStore('helm-resources');
export function ResourcesTable() {
const environmentId = useEnvironmentId();
const { params } = useCurrentStateAndParams();
const { name, namespace } = params;
const tableState = useTableState(settingsStore, storageKey);
const rows = useResourceRows(resources);
const helmReleaseQuery = useHelmRelease(environmentId, name, namespace, {
showResources: true,
refetchInterval: tableState.autoRefreshRate * 1000,
});
const rows = useResourceRows(helmReleaseQuery.data?.info?.resources);
return (
<Widget>
@ -32,6 +56,14 @@ export function ResourcesTable({ resources }: Props) {
disableSelect
getRowId={(row) => row.id}
data-cy="helm-resources-datatable"
renderTableSettings={() => (
<TableSettingsMenu>
<TableSettingsMenuAutoRefresh
value={tableState.autoRefreshRate}
onChange={(value) => tableState.setAutoRefreshRate(value)}
/>
</TableSettingsMenu>
)}
/>
</Widget>
);