Only 1 master environment can be created

iamfaran · iamfaran · commit 68e39e56f975 · 2025-05-28T23:30:09.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/CreateEnvironmentModal.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/CreateEnvironmentModal.tsx
@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
-import { Modal, Form, Input, Select, Switch, Button, Alert } from 'antd';
+import { Modal, Form, Input, Select, Switch, Button, Alert, Tooltip } from 'antd';
+import { useSelector } from 'react-redux';
+import { selectMasterEnvironment, selectHasMasterEnvironment } from 'redux/selectors/enterpriseSelectors';
 import { Environment } from '../types/environment.types';
 
 const { Option } = Select;
@@ -20,6 +22,10 @@ const CreateEnvironmentModal: React.FC<CreateEnvironmentModalProps> = ({
   const [form] = Form.useForm();
   const [submitLoading, setSubmitLoading] = useState(false);
 
+  // Redux selectors to check for existing master environment
+  const hasMasterEnvironment = useSelector(selectHasMasterEnvironment);
+  const masterEnvironment = useSelector(selectMasterEnvironment);
+
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
@@ -151,9 +157,23 @@ const CreateEnvironmentModal: React.FC<CreateEnvironmentModalProps> = ({
           label="Master Environment"
           valuePropName="checked"
         >
-          <Switch />
+          <Tooltip 
+            title={hasMasterEnvironment ? `${masterEnvironment?.environmentName || 'Unknown'} is already the Master environment` : ""}
+          >
+            <Switch disabled={hasMasterEnvironment} />
+          </Tooltip>
         </Form.Item>
 
+        {hasMasterEnvironment && (
+          <Alert
+            message="Master Environment Already Exists"
+            description={`The environment "${masterEnvironment?.environmentName || 'Unknown'}" is already set as the Master environment. Only one Master environment is allowed.`}
+            type="warning"
+            showIcon
+            style={{ marginBottom: '16px' }}
+          />
+        )}
+
         <Alert
           message="License Information"
           description="After creating the environment, the system will automatically check the license status. Make sure the API service URL and API key are correctly configured for license validation."
diff --git a/client/packages/lowcoder/src/redux/selectors/enterpriseSelectors.ts b/client/packages/lowcoder/src/redux/selectors/enterpriseSelectors.ts
@@ -46,3 +46,13 @@ export const selectLicensedEnvironments = (state: AppState) => {
   return environments.filter(env => env.isLicensed !== false); 
 };
 
+export const selectMasterEnvironment = (state: AppState) => {
+  const environments = state.ui.enterprise?.environments ?? [];
+  return environments.find(env => env.isMaster) ?? null;
+};
+
+export const selectHasMasterEnvironment = (state: AppState) => {
+  const environments = state.ui.enterprise?.environments ?? [];
+  return environments.some(env => env.isMaster);
+};
+
