Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-04 21:35:23 +02:00
Code Issues Releases Activity

refactor(ui/datatables): migrate views to use datatable component [EE-4064] (#7609)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-11-22 14:16:34 +02:00 • committed by GitHub
parent 0f0513c684
commit fe8e834dbf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
90 changed files with 1714 additions and 2717 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/react/edge/edge-devices/ListView/ListView.tsx
View file

@ -1,16 +1,16 @@
import { useState } from 'react';
import { useIsMutating } from 'react-query';
import { useSettings } from '@/react/portainer/settings/queries';
import { useGroups } from '@/react/portainer/environments/environment-groups/queries';
import { activateDeviceMutationKey } from '@/portainer/hostmanagement/open-amt/queries';
import { PageHeader } from '@@/PageHeader';
import { ViewLoading } from '@@/ViewLoading';
import { EdgeDevicesDatatableContainer } from './EdgeDevicesDatatable/EdgeDevicesDatatableContainer';
import { EdgeDevicesDatatable } from './EdgeDevicesDatatable/EdgeDevicesDatatable';
export function ListView() {
const [loadingMessage, setLoadingMessage] = useState('');
const isActivatingDevice = useIsActivatingDevice();
const settingsQuery = useSettings();
const groupsQuery = useGroups();
@ -28,11 +28,10 @@ export function ListView() {
breadcrumbs={[{ label: 'EdgeDevices' }]}
/>
{loadingMessage ? (
<ViewLoading message={loadingMessage} />
{isActivatingDevice ? (
<ViewLoading message="Activating Active Management Technology on selected device..." />
) : (
<EdgeDevicesDatatableContainer
setLoadingMessage={setLoadingMessage}
<EdgeDevicesDatatable
isFdoEnabled={
settings.EnableEdgeComputeFeatures &&
settings.fdoConfiguration.enabled
@ -54,3 +53,8 @@ export function ListView() {
</>
);
}
function useIsActivatingDevice() {
const count = useIsMutating({ mutationKey: activateDeviceMutationKey });
return count > 0;
}