import { useState } from 'react'; import { useSettings } from '@/react/portainer/settings/queries'; import { useGroups } from '@/portainer/environment-groups/queries'; import { PageHeader } from '@@/PageHeader'; import { ViewLoading } from '@@/ViewLoading'; import { EdgeDevicesDatatableContainer } from './EdgeDevicesDatatable/EdgeDevicesDatatableContainer'; export function EdgeDevicesView() { const [loadingMessage, setLoadingMessage] = useState(''); const settingsQuery = useSettings(); const groupsQuery = useGroups(); if (!settingsQuery.data || !groupsQuery.data) { return null; } const settings = settingsQuery.data; return ( <> {loadingMessage ? ( ) : ( )} ); }