add audit link in environments table

iamfaran · iamfaran · commit 04c1a76d3926 · 2025-04-17T22:53:03.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { Table, Tag, Button, Tooltip } from 'antd';
-import { EditOutlined } from '@ant-design/icons';
+import { Table, Tag, Button, Tooltip, Space } from 'antd';
+import { EditOutlined, AuditOutlined} from '@ant-design/icons';
 import { Environment } from '../types/environment.types';
 
 
@@ -33,6 +33,14 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
     }
   };
 
+   // Open audit page in new tab
+   const openAuditPage = (environmentId: string, e: React.MouseEvent) => {
+    e.stopPropagation(); // Prevent row click from triggering
+    const auditUrl = `/setting/audit?environmentId=${environmentId}`;
+    window.open(auditUrl, '_blank');
+  };
+
+
   // Define table columns
   const columns = [
     {
@@ -72,6 +80,23 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
         </Tag>
       ),
     },
+    {
+      title: 'Actions',
+      key: 'actions',
+      render: (_: any, record: Environment) => (
+        <Space size="middle" onClick={e => e.stopPropagation()}>
+          <Tooltip title="View Audit Logs">
+            <Button 
+              icon={<AuditOutlined />} 
+              size="small"
+              onClick={(e) => openAuditPage(record.environmentId, e)}
+            >
+              Audit
+            </Button>
+          </Tooltip>
+        </Space>
+      ),
+    },
   ];
 
   return (
