blob: d4bcdcaec9098c9789d34df501ad2cc759d8d806 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
"use client";
import {
ContextMenuCheckboxItem,
ContextMenuContent,
ContextMenuItem,
} from "@/components/ui/context-menu";
import { useEditor } from "@/hooks/use-editor";
import { usePreviewStore } from "@/stores/preview-store";
export function PreviewContextMenu({
onToggleFullscreen,
containerRef,
}: {
onToggleFullscreen: () => void;
containerRef: React.RefObject<HTMLElement | null>;
}) {
const editor = useEditor();
const { overlays, setOverlayVisibility } = usePreviewStore();
return (
<ContextMenuContent className="w-56" container={containerRef.current}>
<ContextMenuItem onClick={onToggleFullscreen} inset>
Full screen
</ContextMenuItem>
<ContextMenuItem onClick={() => editor.renderer.saveSnapshot()} inset>
Save snapshot
</ContextMenuItem>
<ContextMenuCheckboxItem
checked={overlays.bookmarks}
onCheckedChange={(checked) =>
setOverlayVisibility({ overlay: "bookmarks", isVisible: !!checked })
}
>
Show bookmarks
</ContextMenuCheckboxItem>
<ContextMenuItem inset>Show grid</ContextMenuItem>
</ContextMenuContent>
);
}
|
