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

Enhance delete button in context menu (#2591)

Browse source
This commit is contained in:
Kartik Prajapati 2020-12-15 04:29:00 +05:30 • committed by GitHub
parent bfeb3c7dfd
commit f919907855
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/ContextMenu.tsx
View file

@ -26,7 +26,6 @@ const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => {
const isDarkTheme = !!document
.querySelector(".excalidraw")
?.classList.contains("Appearance_dark");
return (
<div
className={clsx("excalidraw", {
@ -45,7 +44,12 @@ const ContextMenu = ({ options, onCloseRequest, top, left }: Props) => {
>
{options.map(({ action, shortcutName, label }, idx) => (
<li data-testid={shortcutName} key={idx} onClick={onCloseRequest}>
<button className="context-menu-option" onClick={action}>
<button
className={`context-menu-option ${
shortcutName === "delete" ? "dangerous" : ""
}`}
onClick={action}
>
<div>{label}</div>
<div>
{shortcutName