change action button positions for TABS

iamfaran · iamfaran · commit 359d94de7acf · 2025-05-19T19:51:40.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/AppsTab.tsx
@@ -195,6 +195,17 @@ const AppsTab: React.FC<AppsTabProps> = ({ environment, workspaceId }) => {
       key: 'actions',
       render: (_: any, app: App) => (
         <Space onClick={(e) => e.stopPropagation()}>
+         
+          <Tooltip title={!app.managed ? "App must be managed before it can be deployed" : "Deploy this app to another environment"}>
+            <Button
+              type="primary"
+              icon={<CloudUploadOutlined />}
+              onClick={() => openDeployModal(app, appsConfig, environment)}
+              disabled={!app.managed}
+            >
+              Deploy
+            </Button>
+          </Tooltip>
           <Tooltip title="View Audit Logs">
             <Button
               icon={<AuditOutlined />}
@@ -207,16 +218,6 @@ const AppsTab: React.FC<AppsTabProps> = ({ environment, workspaceId }) => {
               Audit
             </Button>
           </Tooltip>
-          <Tooltip title={!app.managed ? "App must be managed before it can be deployed" : "Deploy this app to another environment"}>
-            <Button
-              type="primary"
-              icon={<CloudUploadOutlined />}
-              onClick={() => openDeployModal(app, appsConfig, environment)}
-              disabled={!app.managed}
-            >
-              Deploy
-            </Button>
-          </Tooltip>
         </Space>
       ),
     }
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/DataSourcesTab.tsx
@@ -197,6 +197,17 @@ const DataSourcesTab: React.FC<DataSourcesTabProps> = ({ environment, workspaceI
       key: 'actions',
       render: (_: any, dataSource: DataSource) => (
         <Space onClick={(e) => e.stopPropagation()}>
+       
+          <Tooltip title={!dataSource.managed ? "Data source must be managed before it can be deployed" : "Deploy this data source to another environment"}>
+            <Button
+              type="primary"
+              icon={<CloudUploadOutlined />}
+              onClick={() => openDeployModal(dataSource, dataSourcesConfig, environment)}
+              disabled={!dataSource.managed}
+            >
+              Deploy
+            </Button>
+          </Tooltip>
           <Tooltip title="View Audit Logs">
             <Button
               icon={<AuditOutlined />}
@@ -209,16 +220,6 @@ const DataSourcesTab: React.FC<DataSourcesTabProps> = ({ environment, workspaceI
               Audit
             </Button>
           </Tooltip>
-          <Tooltip title={!dataSource.managed ? "Data source must be managed before it can be deployed" : "Deploy this data source to another environment"}>
-            <Button
-              type="primary"
-              icon={<CloudUploadOutlined />}
-              onClick={() => openDeployModal(dataSource, dataSourcesConfig, environment)}
-              disabled={!dataSource.managed}
-            >
-              Deploy
-            </Button>
-          </Tooltip>
         </Space>
       ),
     }
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/QueriesTab.tsx
@@ -215,6 +215,17 @@ const QueriesTab: React.FC<QueriesTabProps> = ({ environment, workspaceId }) =>
       key: 'actions',
       render: (_: any, query: Query) => (
         <Space onClick={(e) => e.stopPropagation()}>
+      
+          <Tooltip title={!query.managed ? "Query must be managed before it can be deployed" : "Deploy this query to another environment"}>
+            <Button
+              type="primary"
+              icon={<CloudUploadOutlined />}
+              onClick={() => openDeployModal(query, queryConfig, environment)}
+              disabled={!query.managed}
+            >
+              Deploy
+            </Button>
+          </Tooltip>
           <Tooltip title="View Audit Logs">
             <Button
               icon={<AuditOutlined />}
@@ -227,16 +238,6 @@ const QueriesTab: React.FC<QueriesTabProps> = ({ environment, workspaceId }) =>
               Audit
             </Button>
           </Tooltip>
-          <Tooltip title={!query.managed ? "Query must be managed before it can be deployed" : "Deploy this query to another environment"}>
-            <Button
-              type="primary"
-              icon={<CloudUploadOutlined />}
-              onClick={() => openDeployModal(query, queryConfig, environment)}
-              disabled={!query.managed}
-            >
-              Deploy
-            </Button>
-          </Tooltip>
         </Space>
       ),
     }
