From 599a6cd484762e52a406257d3cc59fe9813a5ac5 Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Tue, 12 Mar 2024 11:50:12 +0000
Subject: [PATCH] quick fixes (#3128)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Menu items
- keyboard shortcuts dialog menu

### Change Type

- [x] `patch` — Bug fix
---
 apps/dotcom/src/components/LocalEditor.tsx                   | 2 +-
 apps/dotcom/src/components/MultiplayerEditor.tsx             | 4 ++--
 apps/dotcom/src/components/SnapshotsEditor.tsx               | 2 +-
 packages/tldraw/src/lib/ui/components/EmbedDialog.tsx        | 2 +-
 .../DefaultKeyboardShortcutsDialogContent.tsx                | 5 +----
 5 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/apps/dotcom/src/components/LocalEditor.tsx b/apps/dotcom/src/components/LocalEditor.tsx
index 167b080a1..fc42eb00a 100644
--- a/apps/dotcom/src/components/LocalEditor.tsx
+++ b/apps/dotcom/src/components/LocalEditor.tsx
@@ -60,7 +60,7 @@ const components: TLComponents = {
 		const actions = useActions()
 		return (
 			<DefaultKeyboardShortcutsDialog {...props}>
-				<TldrawUiMenuGroup id="shortcuts-dialog.file">
+				<TldrawUiMenuGroup label="shortcuts-dialog.file" id="file">
 					<TldrawUiMenuItem {...actions[SAVE_FILE_COPY_ACTION]} />
 					<TldrawUiMenuItem {...actions[OPEN_FILE_ACTION]} />
 				</TldrawUiMenuGroup>
diff --git a/apps/dotcom/src/components/MultiplayerEditor.tsx b/apps/dotcom/src/components/MultiplayerEditor.tsx
index 135d60368..45ead8c77 100644
--- a/apps/dotcom/src/components/MultiplayerEditor.tsx
+++ b/apps/dotcom/src/components/MultiplayerEditor.tsx
@@ -80,12 +80,12 @@ const components: TLComponents = {
 		const actions = useActions()
 		return (
 			<DefaultKeyboardShortcutsDialog {...props}>
-				<TldrawUiMenuGroup id="shortcuts-dialog.file">
+				<TldrawUiMenuGroup label="shortcuts-dialog.file" id="file">
 					<TldrawUiMenuItem {...actions[SAVE_FILE_COPY_ACTION]} />
 					<TldrawUiMenuItem {...actions[OPEN_FILE_ACTION]} />
 				</TldrawUiMenuGroup>
 				<DefaultKeyboardShortcutsDialogContent />
-				<TldrawUiMenuGroup id="shortcuts-dialog.collaboration">
+				<TldrawUiMenuGroup label="shortcuts-dialog.collaboration" id="collaboration">
 					<TldrawUiMenuItem {...actions[CURSOR_CHAT_ACTION]} />
 				</TldrawUiMenuGroup>
 			</DefaultKeyboardShortcutsDialog>
diff --git a/apps/dotcom/src/components/SnapshotsEditor.tsx b/apps/dotcom/src/components/SnapshotsEditor.tsx
index 3ea9a9fd0..330cc875e 100644
--- a/apps/dotcom/src/components/SnapshotsEditor.tsx
+++ b/apps/dotcom/src/components/SnapshotsEditor.tsx
@@ -47,7 +47,7 @@ const components: TLComponents = {
 		const actions = useActions()
 		return (
 			<DefaultKeyboardShortcutsDialog {...props}>
-				<TldrawUiMenuGroup id="shortcuts-dialog.file">
+				<TldrawUiMenuGroup label="shortcuts-dialog.file" id="file">
 					<TldrawUiMenuItem {...actions[SAVE_FILE_COPY_ACTION]} />
 				</TldrawUiMenuGroup>
 				<DefaultKeyboardShortcutsDialogContent />
diff --git a/packages/tldraw/src/lib/ui/components/EmbedDialog.tsx b/packages/tldraw/src/lib/ui/components/EmbedDialog.tsx
index a194f5aa9..e9e8d22a8 100644
--- a/packages/tldraw/src/lib/ui/components/EmbedDialog.tsx
+++ b/packages/tldraw/src/lib/ui/components/EmbedDialog.tsx
@@ -49,7 +49,7 @@ export const EmbedDialog = track(function EmbedDialog({ onClose }: TLUiDialogPro
 					<TldrawUiDialogBody className="tlui-embed-dialog__enter">
 						<TldrawUiInput
 							className="tlui-embed-dialog__input"
-							label="embed-url"
+							label="embed-dialog.url"
 							placeholder="http://example.com"
 							autofocus
 							onValueChange={(value) => {
diff --git a/packages/tldraw/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx b/packages/tldraw/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx
index cfcead0a0..825da0490 100644
--- a/packages/tldraw/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx
+++ b/packages/tldraw/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx
@@ -11,6 +11,7 @@ export function DefaultKeyboardShortcutsDialogContent() {
 		<>
 			<TldrawUiMenuGroup label="shortcuts-dialog.tools" id="tools">
 				<TldrawUiMenuItem {...actions['toggle-tool-lock']} />
+				<TldrawUiMenuItem {...actions['insert-media']} />
 				<TldrawUiMenuItem {...tools['select']} />
 				<TldrawUiMenuItem {...tools['draw']} />
 				<TldrawUiMenuItem {...tools['eraser']} />
@@ -24,10 +25,6 @@ export function DefaultKeyboardShortcutsDialogContent() {
 				<TldrawUiMenuItem {...tools['note']} />
 				<TldrawUiMenuItem {...tools['laser']} />
 			</TldrawUiMenuGroup>
-			<TldrawUiMenuGroup label="shortcuts-dialog.file" id="file">
-				<TldrawUiMenuItem {...actions['insert-media']} />
-				<TldrawUiMenuItem {...actions['print']} />
-			</TldrawUiMenuGroup>
 			<TldrawUiMenuGroup label="shortcuts-dialog.preferences" id="preferences">
 				<TldrawUiMenuItem {...actions['toggle-dark-mode']} />
 				<TldrawUiMenuItem {...actions['toggle-focus-mode']} />