fix environments icon on listing page

iamfaran · iamfaran · commit 8880f3eb8481 · 2025-05-16T19:08:42.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx b/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Typography, Alert, Input, Button, Space, Empty, Card, Spin, Row, Col, Tooltip, Badge } from "antd";
-import { SearchOutlined, ReloadOutlined, PlusOutlined, EnvironmentOutlined } from "@ant-design/icons";
+import { SearchOutlined, ReloadOutlined,  CloudServerOutlined} from "@ant-design/icons";
 import { useHistory } from "react-router-dom";
 import { useEnvironmentContext } from "./context/EnvironmentContext";
 import { Environment } from "./types/environment.types";
@@ -96,7 +96,7 @@ const EnvironmentsList: React.FC = () => {
                 justifyContent: 'center',
                 boxShadow: '0 4px 8px rgba(0,0,0,0.1)'
               }}>
-                <EnvironmentOutlined />
+                <CloudServerOutlined />
               </div>
               <div>
                 <Title level={2} style={{ margin: '0 0 4px 0', color: 'white' }}>
@@ -120,13 +120,6 @@ const EnvironmentsList: React.FC = () => {
               >
                 Refresh
               </Button>
-              <Button
-                icon={<PlusOutlined />}
-                type="primary"
-                size="large"
-              >
-                New Environment
-              </Button>
             </Space>
           </Col>
         </Row>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentHeader.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentHeader.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, Tag, Typography, Row, Col } from 'antd';
-import { EditOutlined, EnvironmentOutlined } from '@ant-design/icons';
+import { EditOutlined, CloudServerOutlined } from '@ant-design/icons';
 import { Environment } from '../types/environment.types';
 import { getEnvironmentTagColor, getEnvironmentHeaderGradient } from '../utils/environmentUtils';
 
@@ -44,7 +44,7 @@ const EnvironmentHeader: React.FC<EnvironmentHeaderProps> = ({
               alignItems: 'center',
               justifyContent: 'center'
             }}>
-              <EnvironmentOutlined />
+              <CloudServerOutlined />
             </div>
             <div>
               <Title level={3} style={{ margin: '0 0 4px 0', color: 'white' }}>
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, Space, Card, Row, Col, Typography, Avatar } from 'antd';
-import { EditOutlined, AuditOutlined, LinkOutlined, EnvironmentOutlined, StarFilled } from '@ant-design/icons';
+import { EditOutlined, AuditOutlined, LinkOutlined, EnvironmentOutlined, StarFilled, CloudServerOutlined } from '@ant-design/icons';
 import { Environment } from '../types/environment.types';
 import { getEnvironmentTagColor, formatEnvironmentType } from '../utils/environmentUtils';
 
@@ -79,7 +79,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
                       fontSize: '20px'
                     }}
                     size={48}
-                    icon={<EnvironmentOutlined />}
+                    icon={<CloudServerOutlined />}
                   />
                   <div>
                     <Title level={5} style={{ margin: 0, marginBottom: '4px' }}>
