Merge pull request #1122 from KelvinTegelaar/dev

[pull] dev from KelvinTegelaar:dev

Author: pull[bot]

src/pages/tenant/administration/audit-logs/manual-searches.js

@@ -0,0 +1,61 @@
+import { Layout as DashboardLayout } from "../../../../layouts/index.js";
+import { TabbedLayout } from "../../../../layouts/TabbedLayout";
+import { CippTablePage } from "../../../../components/CippComponents/CippTablePage.jsx";
+import { CippAuditLogSearchDrawer } from "../../../../components/CippComponents/CippAuditLogSearchDrawer.jsx";
+import { EyeIcon } from "@heroicons/react/24/outline";
+import { ManageSearch } from "@mui/icons-material";
+import tabOptions from "./tabOptions.json";
+import { useSettings } from "../../../../hooks/use-settings";
+
+const simpleColumns = ["displayName", "status", "filterStartDateTime", "filterEndDateTime"];
+
+const apiUrl = "/api/ListAuditLogSearches?Type=Searches";
+const pageTitle = "Manual Searches";
+
+const actions = [
+  {
+    label: "View Results",
+    link: "/tenant/administration/audit-logs/search-results?id=[id]&name=[displayName]",
+    color: "primary",
+    icon: <EyeIcon />,
+  },
+  {
+    label: "Process Logs",
+    url: "/api/ExecAuditLogSearch",
+    confirmText:
+      "Process these logs? Note: This will only alert on logs that match your Alert Configuration rules.",
+    type: "POST",
+    data: {
+      Action: "ProcessLogs",
+      SearchId: "id",
+    },
+    icon: <ManageSearch />,
+  },
+];
+
+const Page = () => {
+  const currentTenant = useSettings().currentTenant;
+  const queryKey = `AuditLogSearches-${currentTenant}`;
+
+  return (
+    <>
+      <CippTablePage
+        title={pageTitle}
+        apiUrl={apiUrl}
+        apiDataKey="Results"
+        simpleColumns={simpleColumns}
+        queryKey={queryKey}
+        actions={actions}
+        cardButton={<CippAuditLogSearchDrawer relatedQueryKeys={[queryKey]} />}
+      />
+    </>
+  );
+};
+
+Page.getLayout = (page) => (
+  <DashboardLayout>
+    <TabbedLayout tabOptions={tabOptions}>{page}</TabbedLayout>
+  </DashboardLayout>
+);
+
+export default Page;

src/pages/tenant/administration/audit-logs/tabOptions.json

@@ -9,6 +9,11 @@
     "path": "/tenant/administration/audit-logs/searches",
     "icon": "List"
   },
+  {
+    "label": "Manual Searches",
+    "path": "/tenant/administration/audit-logs/manual-searches",
+    "icon": "ManageSearch"
+  },
   {
     "label": "Search Coverage",
     "path": "/tenant/administration/audit-logs/coverage",

src/utils/icon-registry.js

@@ -31,6 +31,7 @@ import {
   Lock,
   Mail,
   ManageAccounts,
+  ManageSearch,
   Notifications,
   Person,
   Policy,
@@ -78,6 +79,7 @@ export const iconRegistry = {
   Lock,
   Mail,
   ManageAccounts,
+  ManageSearch,
   Notifications,
   Person,
   Policy,