From 7bcd1c3009466e7694a44ca1f4be8037c8d2fa53 Mon Sep 17 00:00:00 2001
From: Matt <69441971+sigaloid@users.noreply.github.com>
Date: Tue, 3 May 2022 19:43:26 +0000
Subject: [PATCH] Add download button to shared canvases (#7)

thx @sigaloid

* Add download button to shared canvases
* Update canvas_note_share.js
* Update canvas_note_share.js
* Update canvas_note_share.js
* Change to more accurate language
---
 libraries/excalidraw/canvas_note_share.js | 17 +++++++++++++++--
 src/share/content_renderer.js             |  8 +++-----
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/libraries/excalidraw/canvas_note_share.js b/libraries/excalidraw/canvas_note_share.js
index 41493a431..fd8b39fcd 100644
--- a/libraries/excalidraw/canvas_note_share.js
+++ b/libraries/excalidraw/canvas_note_share.js
@@ -8,6 +8,7 @@ const App = () => {
         width: undefined,
         height: appState.height,
     });
+    const [viewModeEnabled, setViewModeEnabled] = React.useState(false);
     console.log("no render?");
     
     /**
@@ -45,6 +46,18 @@ const App = () => {
                 className: "excalidraw-wrapper",
                 ref: excalidrawWrapperRef
             },
+            React.createElement(
+                "label",
+                null,
+                React.createElement("input", {
+                  type: "checkbox",
+                  checked: viewModeEnabled,
+                  onChange: () => setViewModeEnabled(!viewModeEnabled)
+                }),
+                " Edit mode "
+              ),
+              React.createElement("br"),
+        
             React.createElement(Excalidraw.default, {
                 ref: excalidrawRef,
                 width: dimensions.width,
@@ -52,7 +65,7 @@ const App = () => {
                 initialData: {
                     elements, appState, files
                 },
-                viewModeEnabled: true,
+                viewModeEnabled: !viewModeEnabled,
                 zenModeEnabled: false,
                 gridModeEnabled: false,
                 isCollaborating: false,
@@ -75,4 +88,4 @@ const App = () => {
         )
     );
 };
-ReactDOM.render(React.createElement(App), document.getElementById("excalidraw-app"));
\ No newline at end of file
+ReactDOM.render(React.createElement(App), document.getElementById("excalidraw-app"));
diff --git a/src/share/content_renderer.js b/src/share/content_renderer.js
index 3c7e3d805..58cf0777b 100644
--- a/src/share/content_renderer.js
+++ b/src/share/content_renderer.js
@@ -110,8 +110,10 @@ document.addEventListener("DOMContentLoaded", function() {
             </script>
             <div id="excalidraw-app">
             </div>
+            <hr>
+            <a href="api/images/${note.noteId}/${note.title}?${note.utcDateModified}">Download SVG</a>
             <script src="../../libraries/excalidraw/canvas_note_share.js"></script>
-        </div>`;        
+        </div>`;
     }
     else {
         content = '<p>This note type cannot be displayed.</p>';
@@ -127,7 +129,3 @@ document.addEventListener("DOMContentLoaded", function() {
 module.exports = {
     getContent
 };
-
-
-
-