diff options
| author | codetorso <[email protected]> | 2024-06-23 12:48:07 +0530 |
|---|---|---|
| committer | codetorso <[email protected]> | 2024-06-23 12:48:07 +0530 |
| commit | 4b6a932b197e4c19af34e176bea014be0b9c9bcd (patch) | |
| tree | 11bdf1db66f7e1ff3986aba5ba81da56296274ec | |
| parent | Merge pull request #79 from Dhravya/chathistory (diff) | |
| download | supermemory-4b6a932b197e4c19af34e176bea014be0b9c9bcd.tar.xz supermemory-4b6a932b197e4c19af34e176bea014be0b9c9bcd.zip | |
fix interactive canvas (2/2)
| -rw-r--r-- | apps/web/app/(canvas)/textCard.tsx | 28 |
1 files changed, 1 insertions, 27 deletions
diff --git a/apps/web/app/(canvas)/textCard.tsx b/apps/web/app/(canvas)/textCard.tsx index 065c5ae1..210bda1c 100644 --- a/apps/web/app/(canvas)/textCard.tsx +++ b/apps/web/app/(canvas)/textCard.tsx @@ -1,10 +1,7 @@ import { BaseBoxShapeUtil, HTMLContainer, - TLBaseBoxShape, TLBaseShape, - useIsEditing, - useValue, } from "tldraw"; type ITextCardShape = TLBaseShape< @@ -25,37 +22,14 @@ export class textCardUtil extends BaseBoxShapeUtil<ITextCardShape> { } component(s: ITextCardShape) { - const isEditing = useIsEditing(s.id); - const isHoveringWhileEditingSameShape = useValue( - "is hovering", - () => { - const { editingShapeId, hoveredShapeId } = - this.editor.getCurrentPageState(); - if (editingShapeId && hoveredShapeId !== editingShapeId) { - const editingShape = this.editor.getShape(editingShapeId); - if ( - editingShape && - this.editor.isShapeOfType<TLBaseBoxShape>(editingShape, "embed") - ) { - return true; - } - } - - return false; - }, - [], - ); - - const isInteractive = isEditing || isHoveringWhileEditingSameShape; return ( <HTMLContainer className="flex h-full w-full items-center justify-center"> <div style={{ height: s.props.h, width: s.props.w, - pointerEvents: isInteractive ? "all" : "none", - zIndex: isInteractive ? "" : "-1", + pointerEvents:"all", background: "#2C3439", borderRadius: "16px", padding: "8px 14px", |