YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update cancel editing button

Browse Source
This commit is contained in:
Steven
2022-08-23 21:33:53 +08:00
parent b1062f5387
commit 2aed7c70aa
5 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/MemoEditor.tsx
View File

@ -167,7 +167,7 @@ const MemoEditor: React.FC<Props> = () => {
setEditorContentCache("");
};
const handleCancelBtnClick = useCallback(() => {
const handleCancelEditingBtnClick = useCallback(() => {
editorStateService.clearEditMemo();
editorRef.current?.setContent("");
setEditorContentCache("");
@ -219,9 +219,7 @@ const MemoEditor: React.FC<Props> = () => {
placeholder: t("editor.placeholder"),
fullscreen: state.fullscreen,
showConfirmBtn: true,
showCancelBtn: isEditing,
onConfirmBtnClick: handleSaveBtnClick,
onCancelBtnClick: handleCancelBtnClick,
onContentChange: handleContentChange,
}),
[isEditing, state.fullscreen, locale]
@ -229,7 +227,12 @@ const MemoEditor: React.FC<Props> = () => {
return (
<div className={`memo-editor-container ${isEditing ? "edit-ing" : ""} ${state.fullscreen ? "fullscreen" : ""}`}>
<p className={"tip-text " + (isEditing ? "" : "hidden")}>Editing...</p>
<div className={`tip-container ${isEditing ? "" : "!hidden"}`}>
<span className="tip-text">{t("editor.editing")}</span>
<button className="cancel-btn" onClick={handleCancelEditingBtnClick}>
{t("common.cancel")}
</button>
</div>
<Editor
ref={editorRef}
{...editorConfig}