marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-08-30 13:47:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Checkmark to toggle context-menu-items (#2645)

Browse Source
This commit is contained in:
Rene
2020-12-20 23:20:03 +01:00
committed by GitHub
parent aff817c667
commit 0faec7efb6
7 changed files with 27 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ContextMenu.tsx
View File

@@ -10,6 +10,7 @@ import {
} from "../actions/shortcuts";
type ContextMenuOption = {
checked?: boolean;
shortcutName: ShortcutName;
label: string;
action(): void;
@@ -42,12 +43,12 @@ const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => {
className="context-menu"
onContextMenu={(event) => event.preventDefault()}
>
{options.map(({ action, shortcutName, label }, idx) => (
{options.map(({ action, checked, shortcutName, label }, idx) => (
<li data-testid={shortcutName} key={idx} onClick={onCloseRequest}>
<button
className={`context-menu-option ${
shortcutName === "delete" ? "dangerous" : ""
}`}
className={`context-menu-option
${shortcutName === "delete" ? "dangerous" : ""}
${checked ? "checkmark" : ""}`}
onClick={action}
>
<div>{label}</div>