From 802b8c50d52fdfb7878e66e805333b93101f28b9 Mon Sep 17 00:00:00 2001
From: Zen Tang <mwufi@users.noreply.github.com>
Date: Sun, 13 Dec 2020 05:46:42 -0600
Subject: [PATCH] Insert Library items in the middle of the screen (#2527)

Co-authored-by: Zen Tang <zen@wayve.ai>
---
 src/components/App.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 934c9651..9a96a4d0 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -351,6 +351,9 @@ class App extends React.Component<ExcalidrawProps, AppState> {
     const canvasWidth = canvasDOMWidth * canvasScale;
     const canvasHeight = canvasDOMHeight * canvasScale;
 
+    const DEFAULT_PASTE_X = canvasDOMWidth / 2;
+    const DEFAULT_PASTE_Y = canvasDOMHeight / 2;
+
     return (
       <div
         className="excalidraw"
@@ -371,7 +374,11 @@ class App extends React.Component<ExcalidrawProps, AppState> {
           onCollabButtonClick={onCollabButtonClick}
           onLockToggle={this.toggleLock}
           onInsertShape={(elements) =>
-            this.addElementsFromPasteOrLibrary(elements)
+            this.addElementsFromPasteOrLibrary(
+              elements,
+              DEFAULT_PASTE_X,
+              DEFAULT_PASTE_Y,
+            )
           }
           zenModeEnabled={zenModeEnabled}
           toggleZenMode={this.toggleZenMode}