From 64f5c59c9fbb3d54d45f1cb2ac435bd115f23a1f Mon Sep 17 00:00:00 2001
From: Konstantinos Kaloutas <konstantinos@logseq.com>
Date: Tue, 18 Apr 2023 13:31:34 +0300
Subject: [PATCH] fix: hide circle button on locked portals

---
 .../apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
index 4e005bc8b2..38d693db70 100644
--- a/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
+++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
@@ -347,7 +347,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
   })
 
   ReactComponent = observer((componentProps: TLComponentProps) => {
-    const { events, isErasing, isEditing, isBinding } = componentProps
+    const { events, isErasing, isEditing, isBinding, isLocked } = componentProps
     const {
       props: { opacity, pageId, fill, scaleLevel, strokeWidth, size },
     } = this
@@ -518,7 +518,7 @@ export class LogseqPortalShape extends TLBoxShape<LogseqPortalShapeProps> {
                 {targetNotFound && <div className="tl-target-not-found">Target not found</div>}
                 {showingPortal && <PortalComponent {...componentProps} />}
               </div>
-              {!app.readOnly && (
+              {!app.readOnly && isLocked && (
                 <CircleButton
                   active={!!this.collapsed}
                   style={{ opacity: isSelected ? 1 : 0 }}