[Fix]: antd errors for environments

iamfaran · iamfaran · commit b7109c5849ff · 2025-05-29T19:56:37.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/ContactLowcoderModal.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/ContactLowcoderModal.tsx
@@ -100,7 +100,7 @@ const ContactLowcoderModal: React.FC<ContactLowcoderModalProps> = ({
       width={800}
       centered
       style={{ top: 20 }}
-      bodyStyle={{ padding: '24px' }}
+      styles={{ body: { padding: '24px' } }}
     >
       {/* Environment Context Section */}
       <Card
@@ -110,7 +110,7 @@ const ContactLowcoderModal: React.FC<ContactLowcoderModalProps> = ({
           background: '#fafafa',
           border: '1px solid #f0f0f0'
         }}
-        bodyStyle={{ padding: '16px' }}
+        styles={{ body: { padding: '16px' } }}
       >
         <Row gutter={[16, 8]} align="middle">
           <Col>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx
@@ -112,7 +112,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
                   border: '1px solid #f0f0f0',
                   position: 'relative'
                 }}
-                bodyStyle={{ padding: '16px' }}
+                styles={{ body: { padding: '16px' } }}
                 onClick={() => handleRowClick(env)}
               >
                 {/* Subtle overlay for unlicensed environments */}
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/UnlicensedEnvironmentView.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/UnlicensedEnvironmentView.tsx
@@ -92,7 +92,7 @@ const UnlicensedEnvironmentView: React.FC<UnlicensedEnvironmentViewProps> = ({
                 background: 'white',
                 overflow: 'hidden'
               }}
-              bodyStyle={{ padding: '48px 32px' }}
+              styles={{ body: { padding: '48px 32px' } }}
             >
               {/* Status Icon */}
               <div style={{ marginBottom: '24px' }}>
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/WorkspaceHeader.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/WorkspaceHeader.tsx
@@ -43,8 +43,8 @@ const HeaderWrapper = styled.div`
   margin-bottom: 24px;
 `;
 
-const GradientBanner = styled.div<{ avatarColor: string }>`
-  background: linear-gradient(135deg, ${props => props.avatarColor} 0%, rgba(24, 144, 255, 0.8) 100%);
+const GradientBanner = styled.div<{ $avatarColor: string }>`
+  background: linear-gradient(135deg, ${props => props.$avatarColor} 0%, rgba(24, 144, 255, 0.8) 100%);
   height: 140px;
   position: relative;
   overflow: hidden;
@@ -77,7 +77,7 @@ const GradientBanner = styled.div<{ avatarColor: string }>`
   }
 
   &:hover {
-    background: linear-gradient(135deg, rgba(24, 144, 255, 0.8) 0%, ${props => props.avatarColor} 100%);
+    background: linear-gradient(135deg, rgba(24, 144, 255, 0.8) 0%, ${props => props.$avatarColor} 100%);
     transition: background 1s ease-in-out;
   }
 `;
@@ -187,7 +187,7 @@ const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
 
   return (
     <HeaderWrapper>
-      <GradientBanner avatarColor={getAvatarColor(workspace.name)}>
+      <GradientBanner $avatarColor={getAvatarColor(workspace.name)}>
         <StatusBadge $active={workspace.managed}>
           {workspace.managed ? "Managed" : "Unmanaged"}
         </StatusBadge>

Original file line number	Diff line number	Diff line change
`@@ -112,7 +112,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({`
`112`	`112`	`border: '1px solid #f0f0f0',`
`113`	`113`	`position: 'relative'`
`114`	`114`	`}}`
`115`		`- bodyStyle={{ padding: '16px' }}`
	`115`	`+ styles={{ body: { padding: '16px' } }}`
`116`	`116`	`onClick={() => handleRowClick(env)}`
`117`	`117`	`>`
`118`	`118`	`{/* Subtle overlay for unlicensed environments */}`
Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ const UnlicensedEnvironmentView: React.FC<UnlicensedEnvironmentViewProps> = ({`
`92`	`92`	`background: 'white',`
`93`	`93`	`overflow: 'hidden'`
`94`	`94`	`}}`
`95`		`- bodyStyle={{ padding: '48px 32px' }}`
	`95`	`+ styles={{ body: { padding: '48px 32px' } }}`
`96`	`96`	`>`
`97`	`97`	`{/* Status Icon */}`
`98`	`98`	`<div style={{ marginBottom: '24px' }}>`