smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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>