add click on workspace list

iamfaran · iamfaran · commit fe7e3c1fdf7d · 2025-04-12T02:58:22.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/EnvironmentDetail.tsx b/client/packages/lowcoder/src/pages/setting/environments/EnvironmentDetail.tsx
@@ -281,6 +281,7 @@ const EnvironmentDetail: React.FC = () => {
               workspaces={workspaces}
               loading={workspacesLoading && !workspacesError}
               error={workspacesError}
+              environmentId={environment.environmentId}
             />
           </Card>
         </TabPane>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesList.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/WorkspacesList.tsx
@@ -1,11 +1,14 @@
 import React from 'react';
 import { Table, Tag, Empty, Spin } from 'antd';
 import { Workspace } from '../types/workspace.types';
+import history from '@lowcoder-ee/util/history';
+import { buildEnvironmentWorkspaceId } from '@lowcoder-ee/constants/routesURL';
 
 interface WorkspacesListProps {
   workspaces: Workspace[];
   loading: boolean;
   error?: string | null;
+  environmentId: string
 }
 
 /**
@@ -15,6 +18,7 @@ const WorkspacesList: React.FC<WorkspacesListProps> = ({
   workspaces,
   loading,
   error,
+  environmentId
 }) => {
   // Format timestamp to date string
   const formatDate = (timestamp?: number): string => {
@@ -23,6 +27,10 @@ const WorkspacesList: React.FC<WorkspacesListProps> = ({
     return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
   };
 
+  const handleRowClick = (workspace: Workspace) => {
+    history.push(`${buildEnvironmentWorkspaceId(environmentId, workspace.id)}`);
+  };
+
   // Table columns definition
   const columns = [
     {
@@ -87,6 +95,10 @@ const WorkspacesList: React.FC<WorkspacesListProps> = ({
       rowKey="id"
       pagination={{ pageSize: 10 }}
       size="middle"
+      onRow={(record) => ({
+        onClick: () => handleRowClick(record),
+        style: { cursor: 'pointer' } // Add pointer cursor to indicate clickable rows
+      })}
     />
   );
 };
