Restore context menu
This commit is contained in:
parent
d95a2e83a0
commit
0183a4d5a2
1 changed files with 64 additions and 64 deletions
|
@ -215,70 +215,70 @@ function InnerTldraw({
|
|||
<div ref={rWrapper} tabIndex={0}>
|
||||
<div className={layout()}>
|
||||
<OneOff focusableRef={rWrapper} autofocus={autofocus} />
|
||||
{/* <ContextMenu> */}
|
||||
<Renderer
|
||||
id={id}
|
||||
containerRef={rWrapper}
|
||||
page={page}
|
||||
pageState={pageState}
|
||||
users={users}
|
||||
userId={tlstate.state.room?.userId}
|
||||
shapeUtils={tldrawShapeUtils}
|
||||
theme={theme}
|
||||
meta={meta}
|
||||
hideBounds={hideBounds}
|
||||
hideHandles={hideHandles}
|
||||
hideIndicators={hideIndicators}
|
||||
onPinchStart={tlstate.onPinchStart}
|
||||
onPinchEnd={tlstate.onPinchEnd}
|
||||
onPinch={tlstate.onPinch}
|
||||
onPan={tlstate.onPan}
|
||||
onZoom={tlstate.onZoom}
|
||||
onPointerDown={tlstate.onPointerDown}
|
||||
onPointerMove={tlstate.onPointerMove}
|
||||
onPointerUp={tlstate.onPointerUp}
|
||||
onPointCanvas={tlstate.onPointCanvas}
|
||||
onDoubleClickCanvas={tlstate.onDoubleClickCanvas}
|
||||
onRightPointCanvas={tlstate.onRightPointCanvas}
|
||||
onDragCanvas={tlstate.onDragCanvas}
|
||||
onReleaseCanvas={tlstate.onReleaseCanvas}
|
||||
onPointShape={tlstate.onPointShape}
|
||||
onDoubleClickShape={tlstate.onDoubleClickShape}
|
||||
onRightPointShape={tlstate.onRightPointShape}
|
||||
onDragShape={tlstate.onDragShape}
|
||||
onHoverShape={tlstate.onHoverShape}
|
||||
onUnhoverShape={tlstate.onUnhoverShape}
|
||||
onReleaseShape={tlstate.onReleaseShape}
|
||||
onPointBounds={tlstate.onPointBounds}
|
||||
onDoubleClickBounds={tlstate.onDoubleClickBounds}
|
||||
onRightPointBounds={tlstate.onRightPointBounds}
|
||||
onDragBounds={tlstate.onDragBounds}
|
||||
onHoverBounds={tlstate.onHoverBounds}
|
||||
onUnhoverBounds={tlstate.onUnhoverBounds}
|
||||
onReleaseBounds={tlstate.onReleaseBounds}
|
||||
onPointBoundsHandle={tlstate.onPointBoundsHandle}
|
||||
onDoubleClickBoundsHandle={tlstate.onDoubleClickBoundsHandle}
|
||||
onRightPointBoundsHandle={tlstate.onRightPointBoundsHandle}
|
||||
onDragBoundsHandle={tlstate.onDragBoundsHandle}
|
||||
onHoverBoundsHandle={tlstate.onHoverBoundsHandle}
|
||||
onUnhoverBoundsHandle={tlstate.onUnhoverBoundsHandle}
|
||||
onReleaseBoundsHandle={tlstate.onReleaseBoundsHandle}
|
||||
onPointHandle={tlstate.onPointHandle}
|
||||
onDoubleClickHandle={tlstate.onDoubleClickHandle}
|
||||
onRightPointHandle={tlstate.onRightPointHandle}
|
||||
onDragHandle={tlstate.onDragHandle}
|
||||
onHoverHandle={tlstate.onHoverHandle}
|
||||
onUnhoverHandle={tlstate.onUnhoverHandle}
|
||||
onReleaseHandle={tlstate.onReleaseHandle}
|
||||
onError={tlstate.onError}
|
||||
onRenderCountChange={tlstate.onRenderCountChange}
|
||||
onShapeChange={tlstate.onShapeChange}
|
||||
onShapeBlur={tlstate.onShapeBlur}
|
||||
onBoundsChange={tlstate.updateBounds}
|
||||
onKeyDown={tlstate.onKeyDown}
|
||||
onKeyUp={tlstate.onKeyUp}
|
||||
/>
|
||||
{/* </ContextMenu> */}
|
||||
<ContextMenu>
|
||||
<Renderer
|
||||
id={id}
|
||||
containerRef={rWrapper}
|
||||
page={page}
|
||||
pageState={pageState}
|
||||
users={users}
|
||||
userId={tlstate.state.room?.userId}
|
||||
shapeUtils={tldrawShapeUtils}
|
||||
theme={theme}
|
||||
meta={meta}
|
||||
hideBounds={hideBounds}
|
||||
hideHandles={hideHandles}
|
||||
hideIndicators={hideIndicators}
|
||||
onPinchStart={tlstate.onPinchStart}
|
||||
onPinchEnd={tlstate.onPinchEnd}
|
||||
onPinch={tlstate.onPinch}
|
||||
onPan={tlstate.onPan}
|
||||
onZoom={tlstate.onZoom}
|
||||
onPointerDown={tlstate.onPointerDown}
|
||||
onPointerMove={tlstate.onPointerMove}
|
||||
onPointerUp={tlstate.onPointerUp}
|
||||
onPointCanvas={tlstate.onPointCanvas}
|
||||
onDoubleClickCanvas={tlstate.onDoubleClickCanvas}
|
||||
onRightPointCanvas={tlstate.onRightPointCanvas}
|
||||
onDragCanvas={tlstate.onDragCanvas}
|
||||
onReleaseCanvas={tlstate.onReleaseCanvas}
|
||||
onPointShape={tlstate.onPointShape}
|
||||
onDoubleClickShape={tlstate.onDoubleClickShape}
|
||||
onRightPointShape={tlstate.onRightPointShape}
|
||||
onDragShape={tlstate.onDragShape}
|
||||
onHoverShape={tlstate.onHoverShape}
|
||||
onUnhoverShape={tlstate.onUnhoverShape}
|
||||
onReleaseShape={tlstate.onReleaseShape}
|
||||
onPointBounds={tlstate.onPointBounds}
|
||||
onDoubleClickBounds={tlstate.onDoubleClickBounds}
|
||||
onRightPointBounds={tlstate.onRightPointBounds}
|
||||
onDragBounds={tlstate.onDragBounds}
|
||||
onHoverBounds={tlstate.onHoverBounds}
|
||||
onUnhoverBounds={tlstate.onUnhoverBounds}
|
||||
onReleaseBounds={tlstate.onReleaseBounds}
|
||||
onPointBoundsHandle={tlstate.onPointBoundsHandle}
|
||||
onDoubleClickBoundsHandle={tlstate.onDoubleClickBoundsHandle}
|
||||
onRightPointBoundsHandle={tlstate.onRightPointBoundsHandle}
|
||||
onDragBoundsHandle={tlstate.onDragBoundsHandle}
|
||||
onHoverBoundsHandle={tlstate.onHoverBoundsHandle}
|
||||
onUnhoverBoundsHandle={tlstate.onUnhoverBoundsHandle}
|
||||
onReleaseBoundsHandle={tlstate.onReleaseBoundsHandle}
|
||||
onPointHandle={tlstate.onPointHandle}
|
||||
onDoubleClickHandle={tlstate.onDoubleClickHandle}
|
||||
onRightPointHandle={tlstate.onRightPointHandle}
|
||||
onDragHandle={tlstate.onDragHandle}
|
||||
onHoverHandle={tlstate.onHoverHandle}
|
||||
onUnhoverHandle={tlstate.onUnhoverHandle}
|
||||
onReleaseHandle={tlstate.onReleaseHandle}
|
||||
onError={tlstate.onError}
|
||||
onRenderCountChange={tlstate.onRenderCountChange}
|
||||
onShapeChange={tlstate.onShapeChange}
|
||||
onShapeBlur={tlstate.onShapeBlur}
|
||||
onBoundsChange={tlstate.updateBounds}
|
||||
onKeyDown={tlstate.onKeyDown}
|
||||
onKeyUp={tlstate.onKeyUp}
|
||||
/>
|
||||
</ContextMenu>
|
||||
<div className={ui()}>
|
||||
{isFocusMode ? (
|
||||
<div className={unfocusButton()}>
|
||||
|
|
Loading…
Reference in a new issue