This is an automated email from the ASF dual-hosted git repository. linkinstar pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/incubator-answer-plugins.git
commit 73adb0f53eabf65d498b80aa11f100c45d22b209 Author: robin <[email protected]> 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
