optimize canvas_note share to make it more clear about view mode and excalidraw

libraries/excalidraw/canvas_note_share.js

@@ -45,19 +45,7 @@ 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,
@@ -72,16 +60,32 @@ const App = () => {
                 detectScroll: false,
                 handleKeyboardGlobally: false,
                 autoFocus: true,
-                renderTopRightUI: () => {
+                renderFooter: () => {
                     return React.createElement(
                         React.Fragment,
                         null,
                         React.createElement(
                             "div",
                             {
-                                className: "excalidraw-top-right-ui",
+                                className: "excalidraw-top-right-ui excalidraw Island",
                             },
-                            "view mode"
+                            React.createElement(
+                                "label",
+                                {
+                                    style: {
+                                        padding: "5px",
+                                    },
+                                    className: "excalidraw Stack",
+                                },
+                                React.createElement(
+                                    "button", 
+                                    {
+                                        onClick: () => setViewModeEnabled(!viewModeEnabled)
+                                    }, 
+                                    viewModeEnabled ? " Enter simple view mode " : " Enter extended view mode "
+                                ),
+                                ""
+                            ),
                         ));
                 },
             })

src/share/content_renderer.js

@@ -105,13 +105,12 @@ document.addEventListener("DOMContentLoaded", function() {
 
         content = `<div>
             <script>
-            const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
-            window.triliumExcalidraw = {elements, appState, files}
+                const {elements, appState, files} = JSON.parse(${JSON.stringify(content)});
+                window.triliumExcalidraw = {elements, appState, files}
             </script>
-            <div id="excalidraw-app">
-            </div>
+            <div id="excalidraw-app"></div>
             <hr>
-            <a href="api/images/${note.noteId}/${note.title}?${note.utcDateModified}">Download SVG</a>
+            <a href="api/images/${note.noteId}/${note.title}?utc=${note.utcDateModified}">Get Image Link</a>
             <script src="../../libraries/excalidraw/canvas_note_share.js"></script>
         </div>`;
     }