(incubator-answer-plugins) branch feat/embed updated: refactor(embed-basic): Update className

[robin0716]

This is an automated email from the ASF dual-hosted git repository.

robin0716 pushed a commit to branch feat/embed
in repository https://gitbox.apache.org/repos/asf/incubator-answer-plugins.git


The following commit(s) were added to refs/heads/feat/embed by this push:
     new 024d15d  refactor(embed-basic): Update className
024d15d is described below

commit 024d15d560e34f1d632bd3c340ba1ae5cdeee2f0
Author: robin <ro...@rnode.me>
AuthorDate: Thu May 30 14:31:31 2024 +0800

    refactor(embed-basic): Update className
---
 embed-basic/Component.tsx | 53 +++++++++++++++++++++--------------------------
 1 file changed, 24 insertions(+), 29 deletions(-)

diff --git a/embed-basic/Component.tsx b/embed-basic/Component.tsx
index f58e2ce..95d8b28 100644
--- a/embed-basic/Component.tsx
+++ b/embed-basic/Component.tsx
@@ -17,48 +17,43 @@
  * under the License.
  */
 
-import { useState } from 'react';
-import { Button } from 'react-bootstrap';
+import { useState } from 'react'
+import { Button } from 'react-bootstrap'
 
-import EmbedModal from './modal';
-import { useRenderEmbed } from './hooks';
+import EmbedModal from './modal'
+import { useRenderEmbed } from './hooks'
 
 const Component = ({ editor, previewElement }) => {
-  const [show, setShowState] = useState(false);
+  const [show, setShowState] = useState(false)
 
-  useRenderEmbed(previewElement);
+  useRenderEmbed(previewElement)
 
   const handleShow = () => {
-    setShowState(true);
-  };
+    setShowState(true)
+  }
 
   const handleConfirm = ({ title, url }) => {
-    setShowState(false);
-    // 判断光标是否在行首
-    const cursor = editor.getCursor();
+    setShowState(false)
+    const cursor = editor.getCursor()
     if (cursor.ch !== 0) {
-      editor.replaceSelection('\n');
+      editor.replaceSelection('\n')
     }
-    const embed = `\n[${title}](${url} "@embed")\n`;
-    editor.replaceSelection(embed);
-    editor.focus();
-  };
+    const embed = `\n[${title}](${url} "@embed")\n`
+    editor.replaceSelection(embed)
+    editor.focus()
+  }
   return (
-    <>
+    <div className="toolbar-item-wrap">
       <Button
         variant="link"
-        className="p-0 b-0 btn-no-border d-flex justify-content-center 
align-items-center text-black"
-        style={{ width: '1.5rem', height: '1.5rem' }}
-        onClick={handleShow}>
+        className="p-0 b-0 btn-no-border toolbar text-body"
+        onClick={handleShow}
+      >
         <i className="bi bi-window" />
       </Button>
-      <EmbedModal
-        show={show}
-        setShowState={setShowState}
-        onConfirm={handleConfirm}
-      />
-    </>
-  );
-};
+      <EmbedModal show={show} setShowState={setShowState} 
onConfirm={handleConfirm} />
+    </div>
+  )
+}
 
-export default Component;
+export default Component