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 editor actions

Browse Source
This commit is contained in:
Steven
2024-01-14 21:47:03 +08:00
parent 8e0ce4d678
commit d44e74bd1e
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/MemoEditor/ActionButton/MarkdownMenu.tsx
View File

@ -1,4 +1,5 @@
import { Dropdown, IconButton, Menu, MenuButton, MenuItem } from "@mui/joy";
import toast from "react-hot-toast";
import Icon from "@/components/Icon";
import showPreviewMarkdownDialog from "@/components/PreviewMarkdownDialog";
import { EditorRefActions } from "../Editor";
@ -58,6 +59,12 @@ const MarkdownMenu = (props: Props) => {
};
const handlePreviewClick = () => {
const content = editorRef.current?.getContent() ?? "";
if (content === "") {
toast.error("Nothing to preview");
return;
}
showPreviewMarkdownDialog(editorRef.current?.getContent() ?? "");
};
@ -83,7 +90,7 @@ const MarkdownMenu = (props: Props) => {
<span>Checkbox</span>
</MenuItem>
<MenuItem onClick={handlePreviewClick}>
<Icon.NotebookText className="w-4 h-auto" />
<Icon.GanttSquare className="w-4 h-auto" />
<span>Preview</span>
</MenuItem>
</Menu>

4
web/src/components/MemoEditor/ActionButton/TagSelector.tsx
View File

@ -53,9 +53,9 @@ const TagSelector = (props: Props) => {
{tags.map((tag) => {
return (
<div
className="inline-block w-auto max-w-full cursor-pointer rounded text-sm leading-6 px-2 hover:bg-zinc-100 dark:hover:bg-zinc-800 shrink-0"
onClick={() => handleTagClick(tag)}
key={tag}
className="inline-flex w-auto max-w-full cursor-pointer rounded text-sm leading-5 px-1 text-gray-500 dark:text-gray-400 hover:bg-zinc-100 dark:hover:bg-zinc-800"
onClick={() => handleTagClick(tag)}
>
<OverflowTip>#{tag}</OverflowTip>
</div>