Merge pull request #330 from seatable/fix-mobile-long-text-editor

YangGuoXuan-0503 · web-flow · commit 852e8df9c481 · 2025-05-26T15:08:17.000+08:00
fix: mobile long text ui
diff --git a/src/RowExpandEditor/long-text-editor/mb-editor/editor/index.js b/src/RowExpandEditor/long-text-editor/mb-editor/editor/index.js
@@ -7,6 +7,8 @@ import { getLocale } from '../../../../lang';
 
 import './index.css';
 
+const { Header, Body } = MobileFullScreenPage;
+
 const Editor = ({ value: oldValue, title, onToggle, onChange }) => {
   const [value, setValue] = useState(oldValue || '');
   const hasUnSaved = useRef(false);
@@ -45,20 +47,17 @@ const Editor = ({ value: oldValue, title, onToggle, onChange }) => {
   }, [onSave]);
 
   return (
-    <MobileFullScreenPage
-      className="dtable-ui-mobile-long-text-editor"
-      onLeftClick={onToggle}
-      onClose={onToggle}
-      onRightClick={handleSave}
-    >
-      <>{getLocale('Cancel')}</>
-      <>{title}</>
-      <span style={{ color: '#f09f3f' }}>{getLocale('Submit')}</span>
-      <>
+    <MobileFullScreenPage className="dtable-ui-mobile-long-text-editor" onClose={onToggle}>
+      <Header onLeftClick={onToggle} onRightClick={handleSave}>
+        <>{getLocale('Cancel')}</>
+        <>{title}</>
+        <span style={{ color: '#f09f3f' }}>{getLocale('Submit')}</span>
+      </Header>
+      <Body>
         <div className="dtable-ui-mobile-long-text-editor-container">
           <TextareaItem rows={rowCounts} value={value} onChange={handleTextChange} />
         </div>
-      </>
+      </Body>
     </MobileFullScreenPage>
   );
 };
