Resolve cell builder dynamic update issue

tact-lang · Jan 5, 2024 · e404092 · e404092
1 parent f6dea0e
commit e404092
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 17 deletions.
diff --git a/src/components/workspace/BuildProject/BuildProject.module.scss b/src/components/workspace/BuildProject/BuildProject.module.scss
@@ -82,9 +82,11 @@
       gap: 0.2rem;
     }
   }
-  [class*='ant-form-item-explain-error'] {
-    position: relative;
-    top: -8px;
-    pointer-events: none;
+  .cellBuilder {
+    [class*='ant-form-item-explain-error'] {
+      position: relative;
+      top: -10px;
+      pointer-events: none;
+    }
   }
 }
diff --git a/src/components/workspace/BuildProject/CellBuilder.tsx b/src/components/workspace/BuildProject/CellBuilder.tsx
@@ -85,7 +85,7 @@ const CellBuilder: FC<Props> = ({ info, projectId, type, form }) => {
   }, [isCellBuilder]);
 
   return (
-    <div>
+    <div className={s.cellBuilder}>
       <p className={s.info}>
         - {info}
         <OpenFile
@@ -137,18 +137,29 @@ const CellBuilder: FC<Props> = ({ info, projectId, type, form }) => {
                       </Select>
                     </Form.Item>
                     <Form.Item
-                      {...restField}
-                      name={[name, 'value']}
-                      validateTrigger={['onChange', 'onBlur']}
-                      rules={[
-                        {
-                          required: true,
-                          message: 'Please input value',
-                        },
-                      ]}
                       noStyle
+                      shouldUpdate={(prev, next) => {
+                        return true;
+                      }}
                     >
-                      <Input placeholder={getPlaceHolder(key)} />
+                      {({ getFieldValue }) => {
+                        return getFieldValue(['cell', index]) ? (
+                          <Form.Item
+                            {...restField}
+                            name={[name, 'value']}
+                            validateTrigger={['onChange', 'onBlur']}
+                            rules={[
+                              {
+                                required: true,
+                                message: 'Please input value',
+                              },
+                            ]}
+                            noStyle
+                          >
+                            <Input placeholder={getPlaceHolder(index)} />
+                          </Form.Item>
+                        ) : null;
+                      }}
                     </Form.Item>
                     <div className={s.cellActions}>
                       <Button

diff --git a/src/components/workspace/ContractInteraction/ContractInteraction.tsx b/src/components/workspace/ContractInteraction/ContractInteraction.tsx
@@ -215,13 +215,17 @@ const ContractInteraction: FC<Props> = ({
       </h3>
       {language !== 'tact' && (
         <>
-          <Form className={s.form} form={messageForm} onFinish={onSubmit}>
+          <Form
+            className={`${s.form} app-form`}
+            form={messageForm}
+            onFinish={onSubmit}
+          >
             {cellBuilder('Update cell in ')}
             <Button
               type="default"
               htmlType="submit"
               loading={isLoading === 'setter'}
-              className={s.sendMessage}
+              className={`${s.sendMessage} bordered-gradient`}
             >
               Send
             </Button>