fix(ui/datatables): make empty table label consistent [EE-6499] (#11612)

app/react/docker/configs/ListView/ConfigsDatatable/ConfigsDatatable.tsx

@@ -40,7 +40,6 @@ export function ConfigsDatatable({ dataset, onRefresh, onRemoveClick }: Props) {
       settingsManager={tableState}
       title="Configs"
       titleIcon={Clipboard}
-      emptyContentLabel="No config available."
       renderTableSettings={() => (
         <TableSettingsMenu>
           <TableSettingsMenuAutoRefresh

app/react/docker/containers/ListView/ContainersDatatable/ContainersDatatable.tsx

@@ -1,30 +1,30 @@
 import { Box } from 'lucide-react';
 
-import { Environment } from '@/react/portainer/environments/types';
 import type { DockerContainer } from '@/react/docker/containers/types';
 import { useShowGPUsColumn } from '@/react/docker/containers/utils';
+import { Environment } from '@/react/portainer/environments/types';
 
-import { Table, Datatable } from '@@/datatables';
-import {
-  buildAction,
-  QuickActionsSettings,
-} from '@@/datatables/QuickActionsSettings';
+import { Datatable, Table } from '@@/datatables';
 import {
   ColumnVisibilityMenu,
   getColumnVisibilityState,
 } from '@@/datatables/ColumnVisibilityMenu';
-import { TableSettingsProvider } from '@@/datatables/useTableSettings';
-import { useTableState } from '@@/datatables/useTableState';
+import {
+  QuickActionsSettings,
+  buildAction,
+} from '@@/datatables/QuickActionsSettings';
 import { mergeOptions } from '@@/datatables/extend-options/mergeOptions';
 import { withColumnFilters } from '@@/datatables/extend-options/withColumnFilters';
+import { TableSettingsProvider } from '@@/datatables/useTableSettings';
+import { useTableState } from '@@/datatables/useTableState';
 
 import { useContainers } from '../../queries/containers';
 
-import { createStore } from './datatable-store';
-import { ContainersDatatableSettings } from './ContainersDatatableSettings';
-import { useColumns } from './columns';
 import { ContainersDatatableActions } from './ContainersDatatableActions';
+import { ContainersDatatableSettings } from './ContainersDatatableSettings';
 import { RowProvider } from './RowContext';
+import { useColumns } from './columns';
+import { createStore } from './datatable-store';
 
 const storageKey = 'containers';
 const settingsStore = createStore(storageKey);
@@ -93,7 +93,6 @@ export function ContainersDatatable({
             </>
           )}
           dataset={containersQuery.data || []}
-          emptyContentLabel="No containers found"
           extendTableOptions={mergeOptions(
             withColumnFilters(
               tableState.columnFilters,

app/react/docker/containers/StatsView/ProcessesDatatable.tsx

@@ -52,7 +52,6 @@ export function ProcessesDatatable({
       settingsManager={tableState}
       disableSelect
       isLoading={!dataset}
-      emptyContentLabel="No processes found."
       data-cy="docker-container-stats-processes-datatable"
     />
   );

app/react/docker/events/EventsDatatables.tsx

@@ -48,7 +48,6 @@ export function EventsDatatable({ dataset }: { dataset: Array<DockerEvent> }) {
       title="Events"
       titleIcon={Clock}
       disableSelect
-      emptyContentLabel="No event available."
       data-cy="docker-events-datatable"
     />
   );

app/react/docker/images/ListView/ImagesDatatable/ImagesDatatable.tsx

@@ -98,7 +98,6 @@ export function ImagesDatatable({
       isLoading={imagesQuery.isLoading}
       settingsManager={tableState}
       columns={columns}
-      emptyContentLabel="No images found"
       renderTableSettings={() => (
         <TableSettingsMenu>
           <TableSettingsMenuAutoRefresh

app/react/docker/networks/CreateView/MacvlanNodesSelector/MacvlanNodesSelector.tsx

@@ -37,7 +37,6 @@ export function MacvlanNodesSelector({
       columns={columns}
       dataset={dataset || []}
       isLoading={!dataset}
-      emptyContentLabel="No node available"
       settingsManager={tableState}
       data-cy="macvlan-nodes-selector-datatable"
       extendTableOptions={mergeOptions(

app/react/docker/networks/ListView/NetworksDatatable.tsx

@@ -74,7 +74,6 @@ export function NetworksDatatable({ dataset, onRemove, onRefresh }: Props) {
           )}
         </>
       )}
-      emptyContentLabel="No networks available."
       renderTableActions={(selectedRows) => (
         <div className="flex gap-3">
           <Authorized

app/react/docker/secrets/ListView/SecretsDatatable.tsx

@@ -68,7 +68,6 @@ export function SecretsDatatable({
       isLoading={!dataset}
       disableSelect={!hasWriteAccessQuery.authorized}
       settingsManager={tableState}
-      emptyContentLabel="No secret available."
       data-cy="docker-secrets-datatable"
       renderTableActions={(selectedItems) =>
         hasWriteAccessQuery.authorized && (

app/react/docker/services/ItemView/TasksDatatable/TasksDatatable.tsx

@@ -1,15 +1,15 @@
 import { List } from 'lucide-react';
 
 import { Datatable } from '@@/datatables';
-import {
-  BasicTableSettings,
-  type FilteredColumnsTableSettings,
-  filteredColumnsSettings,
-} from '@@/datatables/types';
-import { useTableStateWithStorage } from '@@/datatables/useTableState';
-import { withMeta } from '@@/datatables/extend-options/withMeta';
 import { mergeOptions } from '@@/datatables/extend-options/mergeOptions';
 import { withColumnFilters } from '@@/datatables/extend-options/withColumnFilters';
+import { withMeta } from '@@/datatables/extend-options/withMeta';
+import {
+  BasicTableSettings,
+  filteredColumnsSettings,
+  type FilteredColumnsTableSettings,
+} from '@@/datatables/types';
+import { useTableStateWithStorage } from '@@/datatables/useTableState';
 
 import { useColumns } from './columns';
 import { DecoratedTask } from './types';
@@ -45,7 +45,6 @@ export function TasksDatatable({
       settingsManager={tableState}
       columns={columns}
       dataset={dataset}
-      emptyContentLabel="No task available."
       extendTableOptions={mergeOptions(
         withMeta({ table: 'tasks', serviceName }),
         withColumnFilters(tableState.columnFilters, tableState.setColumnFilters)

app/react/docker/services/ListView/ServicesDatatable/TasksDatatable/TasksDatatable.tsx

@@ -23,7 +23,6 @@ export function TasksDatatable({
       columns={columns}
       dataset={dataset}
       search={search}
-      emptyContentLabel="No task matching filter."
       aria-label="Tasks table"
       data-cy="docker-service-tasks-nested-datatable"
     />

app/react/docker/swarm/SwarmView/NodesDatatable/NodesDatatable.tsx

@@ -51,7 +51,6 @@ export function NodesDatatable({
       columns={columns}
       dataset={dataset || []}
       isLoading={!dataset}
-      emptyContentLabel="No node available"
       settingsManager={tableState}
       extendTableOptions={withMeta({
         table: 'nodes',

app/react/docker/volumes/ListView/VolumesDatatable/VolumesDatatable.tsx

@@ -58,7 +58,6 @@ export function VolumesDatatable({
       dataset={dataset || []}
       isLoading={!dataset}
       settingsManager={tableState}
-      emptyContentLabel="No volume available."
       renderTableActions={(selectedItems) => (
         <TableActions selectedItems={selectedItems} onRemove={onRemove} />
       )}