feat(config): separate configmaps and secrets [EE-5078] (#9029)

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

@@ -0,0 +1,43 @@
+import { FileCode, Lock } from 'lucide-react';
+import { useCurrentStateAndParams } from '@uirouter/react';
+
+import { PageHeader } from '@@/PageHeader';
+import { Tab, WidgetTabs, findSelectedTabIndex } from '@@/Widget/WidgetTabs';
+
+import { ConfigMapsDatatable } from './ConfigMapsDatatable';
+import { SecretsDatatable } from './SecretsDatatable';
+
+const tabs: Tab[] = [
+  {
+    name: 'ConfigMaps',
+    icon: FileCode,
+    widget: <ConfigMapsDatatable />,
+    selectedTabParam: 'configmaps',
+  },
+  {
+    name: 'Secrets',
+    icon: Lock,
+    widget: <SecretsDatatable />,
+    selectedTabParam: 'secrets',
+  },
+];
+
+export function ConfigmapsAndSecretsView() {
+  const currentTabIndex = findSelectedTabIndex(
+    useCurrentStateAndParams(),
+    tabs
+  );
+  return (
+    <>
+      <PageHeader
+        title="ConfigMap & Secret lists"
+        breadcrumbs="ConfigMaps & Secrets"
+        reload
+      />
+      <>
+        <WidgetTabs tabs={tabs} currentTabIndex={currentTabIndex} />
+        <div className="content">{tabs[currentTabIndex].widget}</div>
+      </>
+    </>
+  );
+}