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

app/edge/react/components/index.ts

@@ -60,7 +60,6 @@ const ngModule = angular
   .component(
     'edgeGroupAssociationTable',
     r2a(withReactQuery(EdgeGroupAssociationTable), [
-      'emptyContentLabel',
       'onClickRow',
       'query',
       'title',

app/kubernetes/react/components/index.ts

@@ -84,7 +84,6 @@ export const ngModule = angular
       'initialIngressControllers',
       'allowNoneIngressClass',
       'isLoading',
-      'noIngressControllerLabel',
       'view',
     ])
   )

app/portainer/rbac/components/access-viewer/access-viewer.html

@@ -17,8 +17,9 @@
                 </por-select>
               </div>
             </div>
-
+            <div ng-if="$ctrl.selectedUserId">
-            <effective-access-viewer-datatable dataset="$ctrl.userRoles"> </effective-access-viewer-datatable>
+              <effective-access-viewer-datatable ng-if="$ctrl.selectedUserId" dataset="$ctrl.userRoles"> </effective-access-viewer-datatable>
+            </div>
           </form>
         </rd-widget-body>
       </rd-widget>

app/portainer/react/components/index.ts

@@ -236,7 +236,6 @@ export const ngModule = angular
   .component(
     'groupAssociationTable',
     r2a(withReactQuery(GroupAssociationTable), [
-      'emptyContentLabel',
       'onClickRow',
       'query',
       'title',

app/react/azure/container-instances/ListView/ContainersDatatable.tsx

@@ -30,7 +30,6 @@ export function ContainersDatatable({ dataset, onRemoveClick }: Props) {
       title="Containers"
       titleIcon={Box}
       getRowId={(container) => container.id}
-      emptyContentLabel="No container available."
       data-cy="containers-datatable"
       renderTableActions={(selectedRows) => (
         <div className="flex gap-2">

app/react/common/stacks/ItemView/StackContainersDatatable.tsx

@@ -87,7 +87,6 @@ export function StackContainersDatatable({ environment, stackName }: Props) {
           )}
           dataset={containersQuery.data || []}
           isLoading={!containersQuery.data}
-          emptyContentLabel="No containers found"
         />
       </TableSettingsProvider>
     </RowProvider>

app/react/components/datatables/TableContent.tsx

@@ -13,7 +13,7 @@ interface Props<T extends DefaultType = DefaultType> {
 export function TableContent<T extends DefaultType = DefaultType>({
   isLoading = false,
   rows,
-  emptyContent = 'No items available',
+  emptyContent = 'No items available.',
   renderRow,
 }: Props<T>) {
   if (isLoading) {

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 { Datatable, Table } from '@@/datatables';
-import {
-  buildAction,
-  QuickActionsSettings,
-} from '@@/datatables/QuickActionsSettings';
 import {
   ColumnVisibilityMenu,
   getColumnVisibilityState,
 } from '@@/datatables/ColumnVisibilityMenu';
-import { TableSettingsProvider } from '@@/datatables/useTableSettings';
+import {
-import { useTableState } from '@@/datatables/useTableState';
+  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} />
       )}

app/react/edge/components/AssociatedEdgeEnvironmentsSelector.tsx

@@ -25,7 +25,6 @@ export function AssociatedEdgeEnvironmentsSelector({
           <div className="w-1/2">
             <EdgeGroupAssociationTable
               title="Available environments"
-              emptyContentLabel="No environment available"
               query={{
                 types: EdgeTypes,
                 excludeIds: value,
@@ -41,7 +40,6 @@ export function AssociatedEdgeEnvironmentsSelector({
           <div className="w-1/2">
             <EdgeGroupAssociationTable
               title="Associated environments"
-              emptyContentLabel="No associated environment'"
               query={{
                 types: EdgeTypes,
                 endpointIds: value,

app/react/edge/components/EdgeGroupAssociationTable.tsx

@@ -41,13 +41,11 @@ const columns = [
 export function EdgeGroupAssociationTable({
   title,
   query,
-  emptyContentLabel,
   onClickRow,
   'data-cy': dataCy,
 }: {
   title: string;
   query: EnvironmentsQueryParams;
-  emptyContentLabel: string;
   onClickRow: (env: Environment) => void;
 } & AutomationTestingProps) {
   const tableState = useTableStateWithoutStorage('Name');
@@ -97,7 +95,6 @@ export function EdgeGroupAssociationTable({
           onClick={() => onClickRow(row.original)}
         />
       )}
-      emptyContentLabel={emptyContentLabel}
       data-cy={dataCy}
       disableSelect
     />

app/react/edge/edge-devices/WaitingRoomView/Datatable/Datatable.tsx

@@ -36,7 +36,6 @@ export function Datatable() {
       dataset={environments}
       title="Edge Devices Waiting Room"
       titleIcon={Box}
-      emptyContentLabel="No Edge Devices found"
       renderTableActions={(selectedRows) => (
         <TableActions selectedRows={selectedRows} />
       )}

app/react/edge/edge-groups/ListView/EdgeGroupsDatatable.tsx

@@ -24,7 +24,6 @@ export function EdgeGroupsDatatable() {
       columns={columns}
       dataset={edgeGroupsQuery.data || []}
       settingsManager={tableState}
-      emptyContentLabel="No Edge group available."
       isLoading={edgeGroupsQuery.isLoading}
       renderTableActions={(selectedItems) => (
         <TableActions selectedItems={selectedItems} />

app/react/edge/edge-jobs/ListView/EdgeJobsDatatable.tsx

@@ -23,7 +23,6 @@ export function EdgeJobsDatatable() {
       isLoading={jobsQuery.isLoading}
       dataset={jobsQuery.data || []}
       settingsManager={tableState}
-      emptyContentLabel="No Edge jobs available."
       title="Edge Jobs"
       titleIcon={Clock}
       renderTableActions={(selectedItems) => (

app/react/edge/edge-stacks/ItemView/EnvironmentsDatatable/EnvironmentsDatatable.tsx

@@ -111,7 +111,6 @@ export function EnvironmentsDatatable() {
       page={page}
       onPageChange={setPage}
       totalCount={environmentsQuery.totalCount}
-      emptyContentLabel="No environment available."
       disableSelect
       description={
         <div className="w-1/4">

app/react/edge/edge-stacks/ListView/EdgeStacksDatatable/EdgeStacksDatatable.tsx

@@ -36,7 +36,6 @@ export function EdgeStacksDatatable() {
       dataset={edgeStacksQuery.data || []}
       initialTableState={getColumnVisibilityState(tableState.hiddenColumns)}
       settingsManager={tableState}
-      emptyContentLabel="No stack available."
       isLoading={edgeStacksQuery.isLoading}
       renderTableSettings={(tableInstance) => (
         <TableSettingsMenus

app/react/kubernetes/applications/DetailsView/ApplicationContainersDatatable/ApplicationContainersDatatable.tsx

@@ -55,7 +55,6 @@ export function ApplicationContainersDatatable() {
         podsQuery.isLoading ||
         useServerMetricsQuery.isLoading
       }
-      emptyContentLabel="No containers found"
       title="Application containers"
       titleIcon={Server}
       getRowId={(row) => row.podName} // use pod name because it's unique (name is not unique)

app/react/kubernetes/applications/DetailsView/PlacementsDatatable/PlacementsDatatable.tsx

@@ -64,7 +64,6 @@ export function PlacementsDatatable({
           />
         </TableSettingsMenu>
       )}
-      emptyContentLabel="No node available."
       renderSubRow={(row) => (
         <SubRow node={row.original} cellCount={row.getVisibleCells().length} />
       )}

app/react/kubernetes/applications/ListView/ApplicationsStacksDatatable/ApplicationsStacksDatatable.tsx

@@ -70,7 +70,6 @@ export function ApplicationsStacksDatatable({
         <SubRows stack={row.original} span={row.getVisibleCells().length} />
       )}
       noWidget
-      emptyContentLabel="No stack available."
       description={
         <div className="w-full">
           <div className="float-right mr-2 min-w-[140px]">

app/react/kubernetes/cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx

@@ -180,8 +180,8 @@ function InnerForm({
             values={values.ingressClasses}
             initialValues={initialValues.ingressClasses}
             isLoading={isIngressClassesLoading}
-            noIngressControllerLabel="No supported ingress controllers found."
             view="cluster"
+            noIngressControllerLabel="No supported ingress controllers found."
           />
           <div className="form-group">
             <div className="col-sm-12">

app/react/kubernetes/cluster/HomeView/NodesDatatable/NodesDatatable.tsx

@@ -53,7 +53,6 @@ export function NodesDatatable() {
         kubernetesEndpointsQuery.isLoading ||
         environmentQuery.isLoading
       }
-      emptyContentLabel="No Nodes found"
       title="Nodes"
       titleIcon={HardDrive}
       getRowId={(row) => row.metadata?.uid ?? ''}

app/react/kubernetes/cluster/RegistryAccessView/AccessTable.tsx

@@ -35,7 +35,6 @@ export function AccessTable({
       titleIcon={UserX}
       dataset={dataset}
       columns={columns}
-      emptyContentLabel="No namespace has been authorized yet."
       settingsManager={tableState}
       renderTableActions={(selectedItems) => (
         <DeleteButton

app/react/kubernetes/cluster/ingressClass/IngressClassDatatable/IngressClassDatatable.tsx

@@ -23,7 +23,7 @@ interface Props {
   initialValues: IngressControllerClassMap[] | undefined;
   isLoading: boolean;
   noIngressControllerLabel: string;
-  view: string;
+  view: 'namespace' | 'cluster';
 }
 
 export function IngressClassDatatable({
@@ -44,7 +44,6 @@ export function IngressClassDatatable({
         dataset={values || []}
         columns={columns}
         isLoading={isLoading}
-        emptyContentLabel={noIngressControllerLabel}
         title="Ingress Controllers"
         titleIcon={Route}
         getRowId={(row) => `${row.Name}-${row.ClassName}-${row.Type}`}
@@ -94,11 +93,18 @@ export function IngressClassDatatable({
 
   function renderIngressClassDescription() {
     return (
-      <div className="text-muted flex w-full flex-col !text-xs">
+      <div className="flex flex-col gap-3">
-        <div className="mt-1">{description}</div>
+        {!isLoading && values && values.length === 0 && (
-        {initialValues && values && isUnsavedChanges(initialValues, values) && (
+          <TextTip>{noIngressControllerLabel}</TextTip>
-          <TextTip>Unsaved changes.</TextTip>
         )}
+        <div className="text-muted flex w-full flex-col !text-xs">
+          <div className="mt-1">{description}</div>
+          {initialValues &&
+            values &&
+            isUnsavedChanges(initialValues, values) && (
+              <TextTip>Unsaved changes.</TextTip>
+            )}
+        </div>
       </div>
     );
   }

app/react/kubernetes/cluster/ingressClass/IngressClassDatatable/IngressClassDatatableAngular.tsx

@@ -27,7 +27,6 @@ interface Props {
   initialIngressControllers: IngressControllerClassMap[] | undefined;
   allowNoneIngressClass: boolean;
   isLoading: boolean;
-  noIngressControllerLabel: string;
   view: string;
 }
 
@@ -40,7 +39,6 @@ export function IngressClassDatatableAngular({
   ingressControllers,
   allowNoneIngressClass,
   isLoading,
-  noIngressControllerLabel,
   view,
 }: Props) {
   const tableState = useTableState(settingsStore, storageKey);
@@ -99,7 +97,6 @@ export function IngressClassDatatableAngular({
         dataset={ingControllerFormValues || []}
         columns={columns}
         isLoading={isLoading}
-        emptyContentLabel={noIngressControllerLabel}
         title="Ingress Controllers"
         titleIcon={Route}
         getRowId={(row) => `${row.Name}-${row.ClassName}-${row.Type}`}

app/react/kubernetes/components/EventsDatatable/EventsDatatable.tsx

@@ -31,7 +31,6 @@ export function EventsDatatable({
       columns={columns}
       settingsManager={tableState}
       isLoading={isLoading}
-      emptyContentLabel="No event available."
       title="Events"
       titleIcon={History}
       getRowId={(row) => row.metadata?.uid || ''}

app/react/kubernetes/configs/ListView/ConfigMapsDatatable/ConfigMapsDatatable.tsx

@@ -104,7 +104,6 @@ export function ConfigMapsDatatable() {
       columns={columns}
       settingsManager={tableState}
       isLoading={configMapsQuery.isLoading || namespacesQuery.isLoading}
-      emptyContentLabel="No ConfigMaps found"
       title="ConfigMaps"
       titleIcon={FileCode}
       getRowId={(row) => row.metadata?.uid ?? ''}

app/react/kubernetes/configs/ListView/SecretsDatatable/SecretsDatatable.tsx

@@ -104,7 +104,6 @@ export function SecretsDatatable() {
       columns={columns}
       settingsManager={tableState}
       isLoading={secretsQuery.isLoading || namespacesQuery.isLoading}
-      emptyContentLabel="No secrets found"
       title="Secrets"
       titleIcon={Lock}
       getRowId={(row) => row.metadata?.uid ?? ''}

app/react/kubernetes/ingresses/IngressDatatable/IngressDatatable.tsx

@@ -89,7 +89,6 @@ export function IngressDatatable() {
       dataset={ingressesWithIsSystem}
       columns={columns}
       isLoading={ingressesQuery.isLoading || namespacesQuery.isLoading}
-      emptyContentLabel="No supported ingresses found"
       title="Ingresses"
       titleIcon={Route}
       getRowId={(row) => row.Name + row.Type + row.Namespace}

app/react/kubernetes/namespaces/components/NamespaceInnerForm.tsx

@@ -83,10 +83,10 @@ export function NamespaceInnerForm({
             onChange={(classes) => setFieldValue('ingressClasses', classes)}
             values={values.ingressClasses}
             description="Enable the ingress controllers that users can select when publishing applications in this namespace."
-            noIngressControllerLabel="No ingress controllers available in the cluster. Go to the cluster setup view to configure and allow the use of ingress controllers in the cluster."
             view="namespace"
             isLoading={ingressClassesQuery.isLoading}
             initialValues={initialValues.ingressClasses}
+            noIngressControllerLabel="No ingress controllers available in the cluster. Go to the cluster setup view to configure and allow the use of ingress controllers in the cluster."
           />
         </FormSection>
       )}

app/react/kubernetes/services/ServicesView/ServicesDatatable/ServicesDatatable.tsx

@@ -84,7 +84,6 @@ export function ServicesDatatable() {
       columns={columns}
       settingsManager={tableState}
       isLoading={servicesQuery.isLoading || namespacesQuery.isLoading}
-      emptyContentLabel="No services found"
       title="Services"
       titleIcon={Shuffle}
       getRowId={(row) => row.UID}

app/react/portainer/access-control/AccessManagement/AccessDatatable/AccessDatatable.tsx

@@ -60,7 +60,6 @@ export function AccessDatatable({
         roles: rolesState,
       })}
       isRowSelectable={({ original: item }) => !inheritFrom || !item.Inherited}
-      emptyContentLabel="No authorized users or teams."
       renderTableActions={(selectedItems) => (
         <>
           <RemoveAccessButton items={selectedItems} onClick={onRemove} />

app/react/portainer/account/AccountView/HelmRepositoryDatatable/HelmRepositoryDatatable.tsx

@@ -70,7 +70,6 @@ export function HelmRepositoryDatatable() {
       renderTableActions={(selectedRows) => (
         <HelmRepositoryDatatableActions selectedItems={selectedRows} />
       )}
-      emptyContentLabel="No Helm repository found"
       isLoading={helmReposQuery.isLoading}
       isRowSelectable={(row) => !row.original.Global}
       data-cy="helm-repositories-datatable"

app/react/portainer/environments/TagsView/TagsDatatable.tsx

@@ -36,7 +36,6 @@ export function TagsDatatable({
       dataset={dataset || []}
       columns={columns}
       isLoading={!dataset}
-      emptyContentLabel="No tag available."
       settingsManager={tableState}
       renderTableActions={(selectedItems) => (
         <DeleteButton

app/react/portainer/environments/environment-groups/components/AssociatedEnvironmentsSelector.tsx

@@ -25,7 +25,6 @@ export function AssociatedEnvironmentsSelector({
           <div className="w-1/2">
             <GroupAssociationTable
               title="Available environments"
-              emptyContentLabel="No environment available"
               query={{
                 groupIds: [1],
                 excludeIds: value,
@@ -41,7 +40,6 @@ export function AssociatedEnvironmentsSelector({
           <div className="w-1/2">
             <GroupAssociationTable
               title="Associated environments"
-              emptyContentLabel="No associated environment'"
               query={{
                 endpointIds: value,
               }}

app/react/portainer/environments/environment-groups/components/GroupAssociationTable.tsx

@@ -23,13 +23,11 @@ const columns = [
 export function GroupAssociationTable({
   title,
   query,
-  emptyContentLabel,
   onClickRow,
   'data-cy': dataCy,
 }: {
   title: string;
   query: EnvironmentsQueryParams;
-  emptyContentLabel: string;
   onClickRow?: (env: Environment) => void;
 } & AutomationTestingProps) {
   const tableState = useTableStateWithoutStorage('Name');
@@ -61,7 +59,6 @@ export function GroupAssociationTable({
           onClick={onClickRow ? () => onClickRow(row.original) : undefined}
         />
       )}
-      emptyContentLabel={emptyContentLabel}
       data-cy={dataCy}
       disableSelect
     />

app/react/portainer/environments/update-schedules/ListView/ListView.tsx

@@ -70,7 +70,6 @@ export function ListView() {
         settingsManager={tableState}
         title="Update & rollback"
         titleIcon={Clock}
-        emptyContentLabel="No schedules found"
         isLoading={listQuery.isLoading}
         renderTableActions={(selectedRows) => (
           <TableActions selectedRows={selectedRows} />

app/react/portainer/notifications/NotificationsView.tsx

@@ -47,7 +47,6 @@ export function NotificationsView() {
         titleIcon={Bell}
         dataset={userNotifications}
         settingsManager={tableState}
-        emptyContentLabel="No notifications found"
         renderTableActions={(selectedRows) => (
           <TableActions selectedRows={selectedRows} />
         )}

app/react/portainer/registries/CreateView/GitlabProjectsTable/GitlabProjectsTable.tsx

@@ -38,7 +38,6 @@ export function GitlabProjectTable({
       columns={columns}
       dataset={dataset}
       settingsManager={tableState}
-      emptyContentLabel="No projects available."
       title="Gitlab projects"
       titleIcon={ListIcon}
       extendTableOptions={withControlledSelected(

app/react/portainer/registries/repositories/ItemView/TagsDatatable/TagsDatatable.tsx

@@ -35,7 +35,6 @@ export function TagsDatatable({
       dataset={dataset || []}
       isLoading={!dataset}
       settingsManager={tableState}
-      emptyContentLabel="No tags available."
       renderTableActions={(selectedItems) =>
         advancedFeaturesAvailable && (
           <DeleteButton

app/react/portainer/registries/repositories/ListView/RepositoriesDatatable.tsx

@@ -16,7 +16,6 @@ export function RepositoriesDatatable({ dataset }: { dataset?: Repository[] }) {
       dataset={dataset || []}
       isLoading={!dataset}
       settingsManager={tableState}
-      emptyContentLabel="No repository available."
       disableSelect
       data-cy="registry-repositories-datatable"
     />

app/react/portainer/settings/AuthenticationView/LDAPAuth/LDAPGroupsTable.tsx

@@ -22,7 +22,6 @@ export function LDAPGroupsTable({ dataset }: { dataset?: Value[] }) {
       title="Groups"
       titleIcon={Users}
       settingsManager={tableState}
-      emptyContentLabel="No groups found."
       disableSelect
       data-cy="ldap-groups-datatable"
     />

app/react/portainer/settings/AuthenticationView/LDAPAuth/LDAPUsersTable.tsx

@@ -21,7 +21,6 @@ export function LDAPUsersTable({ dataset }: { dataset?: string[] }) {
       title="Users"
       titleIcon={Users}
       settingsManager={tableState}
-      emptyContentLabel="No users found."
       disableSelect
       data-cy="ldap-users-datatable"
     />

app/react/portainer/settings/EdgeComputeView/FDOProfilesDatatable/FDOProfilesDatatable.tsx

@@ -31,7 +31,6 @@ export function FDOProfilesDatatable({
       title="Device Profiles"
       titleIcon={List}
       disableSelect={!isFDOEnabled}
-      emptyContentLabel="No profiles found"
       getRowId={(row) => row.id.toString()}
       isLoading={isLoading}
       renderTableActions={(selectedItems) => (

app/react/portainer/users/RolesView/AccessViewer/EffectiveAccessViewerDatatable.tsx

@@ -12,6 +12,14 @@ export function EffectiveAccessViewerDatatable({
 }) {
   const tableState = useTableStateWithStorage('access-viewer', 'Environment');
 
+  if (dataset?.length === 0) {
+    return (
+      <TextTip color="blue">
+        The selected user does not have access to any environments.
+      </TextTip>
+    );
+  }
+
   return (
     <Datatable
       dataset={dataset || []}
@@ -22,14 +30,9 @@ export function EffectiveAccessViewerDatatable({
       description={
         <TextTip color="blue">
           Effective role for each environment will be displayed for the selected
-          user
+          user.
         </TextTip>
       }
-      emptyContentLabel={
-        dataset
-          ? 'The selected user does not have access to any environment(s)'
-          : 'Select a user to show associated access and role'
-      }
       disableSelect
       data-cy="effective-access-viewer-datatable"
     />

app/react/portainer/users/RolesView/RbacRolesDatatable.tsx

@@ -34,7 +34,6 @@ export function RbacRolesDatatable({
       dataset={dataset || []}
       columns={columns}
       isLoading={!dataset}
-      emptyContentLabel="No role available."
       settingsManager={tableState}
       disableSelect
       data-cy="rbac-roles-datatable"

app/react/portainer/users/teams/ListView/TeamsDatatable/TeamsDatatable.tsx

@@ -47,7 +47,6 @@ export function TeamsDatatable({ teams, isAdmin }: Props) {
           />
         )
       }
-      emptyContentLabel="No teams found"
       data-cy="teams-datatable"
     />
   );