refactor(kube/apps): migrate stacks table to react [EE-4661] (#10091)

app/react/kubernetes/datatables/DefaultDatatableSettings.tsx

@@ -1,54 +1,31 @@
 import { TableSettingsMenuAutoRefresh } from '@@/datatables/TableSettingsMenuAutoRefresh';
-import { Checkbox } from '@@/form-components/Checkbox';
 import {
   BasicTableSettings,
   RefreshableTableSettings,
-  ZustandSetFunc,
 } from '@@/datatables/types';
 
-interface SystemResourcesTableSettings {
-  showSystemResources: boolean;
-  setShowSystemResources: (value: boolean) => void;
-}
+import {
+  SystemResourcesSettings,
+  SystemResourcesTableSettings,
+} from './SystemResourcesSettings';
 
 export interface TableSettings
   extends BasicTableSettings,
     RefreshableTableSettings,
     SystemResourcesTableSettings {}
 
-export function systemResourcesSettings<T extends SystemResourcesTableSettings>(
-  set: ZustandSetFunc<T>
-): SystemResourcesTableSettings {
-  return {
-    showSystemResources: false,
-    setShowSystemResources(showSystemResources: boolean) {
-      set((s) => ({
-        ...s,
-        showSystemResources,
-      }));
-    },
-  };
-}
-
-interface Props {
-  settings: TableSettings;
-  hideShowSystemResources?: boolean;
-}
-
 export function DefaultDatatableSettings({
   settings,
-  hideShowSystemResources = false,
-}: Props) {
+}: {
+  settings: TableSettings;
+}) {
   return (
     <>
-      {!hideShowSystemResources && (
-        <Checkbox
-          id="show-system-resources"
-          label="Show system resources"
-          checked={settings.showSystemResources}
-          onChange={(e) => settings.setShowSystemResources(e.target.checked)}
-        />
-      )}
+      <SystemResourcesSettings
+        value={settings.showSystemResources}
+        onChange={(value) => settings.setShowSystemResources(value)}
+      />
+
       <TableSettingsMenuAutoRefresh
         value={settings.autoRefreshRate}
         onChange={handleRefreshRateChange}