From b07d08a8e8702d267d5157fb823db917dede2e80 Mon Sep 17 00:00:00 2001
From: Starla Huang <starla_huang@epam.com>
Date: Tue, 2 Jan 2024 16:39:44 +0800
Subject: [PATCH] #3692 hide attachment points for micro preview

---
 packages/ketcher-core/src/application/render/options.ts       | 1 +
 packages/ketcher-core/src/application/render/render.types.ts  | 1 +
 .../ketcher-core/src/application/render/restruct/restruct.ts  | 4 +++-
 .../src/script/ui/views/components/StructEditor/InfoPanel.tsx | 1 +
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ketcher-core/src/application/render/options.ts b/packages/ketcher-core/src/application/render/options.ts
index d7ff6d58cb..4c72e6f832 100644
--- a/packages/ketcher-core/src/application/render/options.ts
+++ b/packages/ketcher-core/src/application/render/options.ts
@@ -41,6 +41,7 @@ function defaultOptions(options: RenderOptions): RenderOptions {
     // rendering customization flags
     // TODO: hide enhanced flags opts
     showValenceWarnings: true,
+    showRgroupAttachmentPoints: true,
     autoScale: false, // scale structure to fit into the given view box, used in view mode
     autoScaleMargin: 0,
     maxBondLength: 0, // 0 stands for "not specified"
diff --git a/packages/ketcher-core/src/application/render/render.types.ts b/packages/ketcher-core/src/application/render/render.types.ts
index a7c1fa4f47..ad8abc25c0 100644
--- a/packages/ketcher-core/src/application/render/render.types.ts
+++ b/packages/ketcher-core/src/application/render/render.types.ts
@@ -25,6 +25,7 @@ export type RenderOptions = {
   showHalfBondIds: boolean;
   showLoopIds: boolean;
   showValenceWarnings: boolean;
+  showRgroupAttachmentPoints: boolean;
   autoScale: boolean;
   autoScaleMargin: number;
   maxBondLength: number;
diff --git a/packages/ketcher-core/src/application/render/restruct/restruct.ts b/packages/ketcher-core/src/application/render/restruct/restruct.ts
index d75bf25fae..202d6044c3 100644
--- a/packages/ketcher-core/src/application/render/restruct/restruct.ts
+++ b/packages/ketcher-core/src/application/render/restruct/restruct.ts
@@ -508,7 +508,9 @@ class ReStruct {
     if (updLoops) this.updateLoops();
     this.showAtoms();
     this.showBonds();
-    this.showRgroupAttachmentPoints();
+    if (this.render.options.showRgroupAttachmentPoints) {
+      this.showRgroupAttachmentPoints();
+    }
     if (updLoops) this.showLoops();
     this.showReactionSymbols();
     this.showSGroups();
diff --git a/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx b/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx
index 9ca286a3a5..d385207621 100644
--- a/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx
+++ b/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx
@@ -147,6 +147,7 @@ const InfoPanel: FC<InfoPanelProps> = (props) => {
           needCache: false,
           width,
           height,
+          showRgroupAttachmentPoints: false,
         }}
       />
     </div>