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

This commit is contained in:
Tom
2022-05-03 22:44:52 +02:00
parent 1a4bc0b989
commit dc35df9f63
2 changed files with 24 additions and 21 deletions

View File

@@ -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 "
),
""
),
));
},
})