From 77ceab5b84b8f677722e24b4cd4eebb26ad5174e Mon Sep 17 00:00:00 2001
From: Faran Javed <faran1997@outlook.com>
Date: Thu, 29 May 2025 18:29:37 +0500
Subject: [PATCH] Fix made env type option in frontend

---
 .../src/pages/setting/environments/EnvironmentsList.tsx       | 4 ++--
 .../setting/environments/components/EnvironmentsTable.tsx     | 2 +-
 .../src/pages/setting/environments/types/environment.types.ts | 2 +-
 .../src/pages/setting/environments/utils/environmentUtils.ts  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx b/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx
index c6f739c51..7b041b81f 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/EnvironmentsList.tsx
@@ -82,7 +82,7 @@ const EnvironmentsList: React.FC = () => {
   // Calculate environment type statistics
   const environmentStats = React.useMemo(() => {
     const stats = environments.reduce((acc, env) => {
-      const type = env.environmentType.toUpperCase();
+      const type = env.environmentType?.toUpperCase() || 'TEST';
       acc[type] = (acc[type] || 0) + 1;
       return acc;
     }, {} as Record<string, number>);
@@ -145,7 +145,7 @@ const EnvironmentsList: React.FC = () => {
       (env.environmentName || "").toLowerCase().includes(searchLower) ||
       (env.environmentFrontendUrl || "").toLowerCase().includes(searchLower) ||
       env.environmentId.toLowerCase().includes(searchLower) ||
-      env.environmentType.toLowerCase().includes(searchLower)
+      (env.environmentType || "").toLowerCase().includes(searchLower)
     );
   }).sort((a, b) => {
     // Sort by license status: licensed environments first
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
index 0a1e9d98e..509cb509a 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
+++ b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
@@ -152,7 +152,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
                   <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
                     <Avatar
                       style={{ 
-                        backgroundColor: getAvatarColor(env.environmentType), 
+                        backgroundColor: getAvatarColor(env.environmentType || 'TEST'), 
                         display: 'flex', 
                         alignItems: 'center',
                         justifyContent: 'center'
diff --git a/client/packages/lowcoder/src/pages/setting/environments/types/environment.types.ts b/client/packages/lowcoder/src/pages/setting/environments/types/environment.types.ts
index 388fbab02..4660ea38b 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/types/environment.types.ts
+++ b/client/packages/lowcoder/src/pages/setting/environments/types/environment.types.ts
@@ -6,7 +6,7 @@ export interface Environment {
   environmentName?: string;
   environmentDescription?: string;
   environmentIcon?: string;
-  environmentType: string;
+  environmentType?: string;
   environmentApiServiceUrl?: string;
   environmentNodeServiceUrl?: string;
   environmentFrontendUrl?: string;
diff --git a/client/packages/lowcoder/src/pages/setting/environments/utils/environmentUtils.ts b/client/packages/lowcoder/src/pages/setting/environments/utils/environmentUtils.ts
index 59a21f859..f2ce82a10 100644
--- a/client/packages/lowcoder/src/pages/setting/environments/utils/environmentUtils.ts
+++ b/client/packages/lowcoder/src/pages/setting/environments/utils/environmentUtils.ts
@@ -66,6 +66,6 @@ export const getEnvironmentHeaderGradient = (envType: string | undefined): strin
  * @returns Formatted environment type string
  */
 export const formatEnvironmentType = (envType: string | undefined): string => {
-  if (!envType) return 'UNKNOWN';
+  if (!envType) return 'TEST';
   return envType.toUpperCase();
 }; 
\ No newline at end of file