fix(portal): fix sonata apis editable when is not customizable

mycloudnexus · Dec 9, 2024 · d761d3a · d761d3a
1 parent b9135a1
commit d761d3a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/kraken-app/kraken-app-portal/src/components/form/AutoGrowingInput.tsx b/kraken-app/kraken-app-portal/src/components/form/AutoGrowingInput.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { InputProps } from "antd";
 
 export function AutoGrowingInput({
-  prefix, suffix, className, value, placeholder, onChange, onBlur, ...rest
+  prefix, suffix, className, value, placeholder,disabled, onChange, onBlur, ...rest
 }: Readonly<{ value?: string; onChange?: (value: string) => void } & Omit<InputProps, 'value' | 'onChange'>>) {
   const [text, setText] = useState<string>('')
   const [isFocused, setIsFocused] = useState(false)
@@ -34,7 +34,7 @@ export function AutoGrowingInput({
           onBlur?.(e as any)
         }}
         onKeyDown={e => {
-          if (e.key === 'Enter') {
+          if (e.key === 'Enter' || disabled) {
             e.preventDefault()
           }
         }} />

diff --git a/...app/kraken-app-portal/src/pages/MappingTemplate/components/VersionSelect/DetailDrawer.tsx b/...app/kraken-app-portal/src/pages/MappingTemplate/components/VersionSelect/DetailDrawer.tsx
@@ -40,6 +40,8 @@ export function DetailDrawer({ deploymentId, ...props }: Readonly<DrawerProps &
       <Table<IDeploymentHistory>
         loading={isLoading}
         rowKey={record => record.mapperKey}
+        tableLayout="fixed"
+        scroll={{ x: 500 }}
         columns={[
           {
             title: "Mapping use case",
@@ -55,7 +57,7 @@ export function DetailDrawer({ deploymentId, ...props }: Readonly<DrawerProps &
           },
           {
             title: "Upgrade status",
-            width: 180,
+            width: 140,
             dataIndex: "status",
             render: (status: string) => <DeploymentStatus status={status} />,
           },