From 0285fe5b858babc8cc64fd305f2435492c0a108e Mon Sep 17 00:00:00 2001
From: Dan <daniel.h.funk@gmail.com>
Date: Tue, 2 May 2023 14:53:39 -0400
Subject: [PATCH] hide the js-properties-panel if we are in view-only mode.

---
 .../src/components/ReactDiagramEditor.tsx                | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
index f4ecc227..cddb7211 100644
--- a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
+++ b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
@@ -142,11 +142,14 @@ export default function ReactDiagramEditor({
     }
 
     const temp = document.createElement('template');
+    const panelId: string =
+      diagramType === 'readonly'
+        ? 'hidden-properties-panel'
+        : 'js-properties-panel';
     temp.innerHTML = `
       <div class="content with-diagram" id="js-drop-zone">
-        <div class="canvas ${canvasClass}" id="canvas"
-                            ></div>
-        <div class="properties-panel-parent" id="js-properties-panel"></div>
+        <div class="canvas ${canvasClass}" id="canvas"></div>
+        <div class="properties-panel-parent" id="${panelId}"></div>
       </div>
     `;
     const frag = temp.content;