From 11d13a03d3f3542a99735622e542544f83672576 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
Date: Wed, 27 Nov 2024 13:01:45 +0700
Subject: [PATCH] fix menus

---
 src/components/Board.tsx | 10 ++++++++--
 src/ui-overrides.tsx     |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Board.tsx b/src/components/Board.tsx
index 445e6f8..ec4e29e 100644
--- a/src/components/Board.tsx
+++ b/src/components/Board.tsx
@@ -24,6 +24,7 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { ChatBox } from '@/shapes/ChatBoxShapeUtil';
 import { components, uiOverrides } from '@/ui-overrides'
 import { useCameraControls } from '@/hooks/useCameraControls'
+import { zoomToSelection } from '../ui-overrides'
 
 //const WORKER_URL = `https://jeffemmett-canvas.jeffemmett.workers.dev`
 export const WORKER_URL = 'https://jeffemmett-canvas.jeffemmett.workers.dev';
@@ -93,7 +94,7 @@ export function Board() {
 							kbd: 'z',
 							onSelect: () => {
 								if (editor.getSelectedShapeIds().length > 0) {
-									zoomToFrame(editor.getSelectedShapeIds()[0]);
+									zoomToSelection(editor);
 								}
 							},
 							readonlyOk: true,
@@ -103,7 +104,12 @@ export function Board() {
 							label: 'Copy Link to Current View',
 							kbd: 'c',
 							onSelect: () => {
-								copyLocationLink();
+								const camera = editor.getCamera();
+								const url = new URL(window.location.href);
+								url.searchParams.set('x', camera.x.toString());
+								url.searchParams.set('y', camera.y.toString());
+								url.searchParams.set('zoom', camera.z.toString());
+								navigator.clipboard.writeText(url.toString());
 							},
 							readonlyOk: true,
 						},
diff --git a/src/ui-overrides.tsx b/src/ui-overrides.tsx
index 8c69fda..91b02f5 100644
--- a/src/ui-overrides.tsx
+++ b/src/ui-overrides.tsx
@@ -87,7 +87,7 @@ const copyFrameLink = async (editor: Editor, frameId: string) => {
 	}
 };
 
-const zoomToSelection = (editor: Editor) => {
+export const zoomToSelection = (editor: Editor) => {
 	// Store camera position before zooming
 	storeCameraPosition(editor);