From da4e9455296f66816cf00a03b6e4b7c41c9aa729 Mon Sep 17 00:00:00 2001
From: Konstantinos Kaloutas <konstantinos@logseq.com>
Date: Tue, 22 Nov 2022 18:28:38 +0200
Subject: [PATCH] wip: move paste as link to context menu

---
 .../components/ContextMenu/ContextMenu.tsx    | 13 ++++++++++
 .../src/components/inputs/ShapeLinksInput.tsx | 25 ++++++-------------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
index 3a4043ba88..a5e3473f3b 100644
--- a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
+++ b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
@@ -164,6 +164,19 @@ export const ContextMenu = observer(function ContextMenu({
               </span>
             </div>
           </ReactContextMenu.Item>
+          {app.selectedShapes?.size === 1 && (
+          <ReactContextMenu.Item
+            className="tl-menu-item"
+            onClick={() => runAndTransition(() => app.paste(undefined, true))}
+          >
+            Paste as link
+            <div className="tl-menu-right-slot">
+              <span className="keyboard-shortcut">
+                <code>{MOD_KEY}</code> <code>⇧</code> <code>V</code>
+              </span>
+            </div>
+          </ReactContextMenu.Item>
+          )}
           <ReactContextMenu.Separator className="menu-separator" />
           <ReactContextMenu.Item
             className="tl-menu-item"
diff --git a/tldraw/apps/tldraw-logseq/src/components/inputs/ShapeLinksInput.tsx b/tldraw/apps/tldraw-logseq/src/components/inputs/ShapeLinksInput.tsx
index f903c6820b..dd59cf9dfd 100644
--- a/tldraw/apps/tldraw-logseq/src/components/inputs/ShapeLinksInput.tsx
+++ b/tldraw/apps/tldraw-logseq/src/components/inputs/ShapeLinksInput.tsx
@@ -144,23 +144,14 @@ export const ShapeLinksInput = observer(function ShapeLinksInput({
           <div className="h-2" />
 
           {canAddLink && (
-            <>
-              <LogseqQuickSearch
-                style={{
-                  width: 'calc(100% - 46px)',
-                  marginLeft: '46px',
-                }}
-                placeholder="Start typing to search..."
-                onChange={addNewRef}
-              />
-              <div className="h-2" />
-              <div className="text-center">
-                <span className="opacity-50 mr-1">Paste from clipboard with</span>
-                <span className="keyboard-shortcut">
-                  <code>{MOD_KEY}</code> <code>⇧</code> <code>V</code>
-                </span>
-              </div>
-            </>
+            <LogseqQuickSearch
+              style={{
+                width: 'calc(100% - 46px)',
+                marginLeft: '46px',
+              }}
+              placeholder="Start typing to search..."
+              onChange={addNewRef}
+            />
           )}
 
           {refs.length > 0 && (