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

@@ -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"));
+ReactDOM.render(React.createElement(App), document.getElementById("excalidraw-app"));

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
 };
-
-
-
-