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

app/react/kubernetes/datatables/SystemResourcesSettings.tsx

@@ -0,0 +1,42 @@
+import { Authorized } from '@/react/hooks/useUser';
+
+import { ZustandSetFunc } from '@@/datatables/types';
+import { Checkbox } from '@@/form-components/Checkbox';
+
+export function SystemResourcesSettings({
+  value,
+  onChange,
+}: {
+  value: boolean;
+  onChange: (value: boolean) => void;
+}) {
+  return (
+    <Authorized authorizations="K8sAccessSystemNamespaces" adminOnlyCE>
+      <Checkbox
+        id="show-system-resources"
+        label="Show system resources"
+        checked={value}
+        onChange={(e) => onChange(e.target.checked)}
+      />
+    </Authorized>
+  );
+}
+
+export interface SystemResourcesTableSettings {
+  showSystemResources: boolean;
+  setShowSystemResources: (value: boolean) => void;
+}
+
+export function systemResourcesSettings<T extends SystemResourcesTableSettings>(
+  set: ZustandSetFunc<T>
+): SystemResourcesTableSettings {
+  return {
+    showSystemResources: false,
+    setShowSystemResources(showSystemResources: boolean) {
+      set((s) => ({
+        ...s,
+        showSystemResources,
+      }));
+    },
+  };
+}