From 3cafc10c2bd182218924f2851dc0125cbe2b04e8 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 8 Oct 2024 14:24:39 -0400
Subject: [PATCH] Fix pan mode icon display (#1173)

---
 src/components/graph/GraphCanvasMenu.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/graph/GraphCanvasMenu.vue b/src/components/graph/GraphCanvasMenu.vue
index 3f42fe8b2..aea2e27be 100644
--- a/src/components/graph/GraphCanvasMenu.vue
+++ b/src/components/graph/GraphCanvasMenu.vue
@@ -26,13 +26,16 @@
       severity="secondary"
       v-tooltip.left="
         t(
-          'graphCanvasMenu.' + (canvasStore.readOnly ? 'panMode' : 'selectMode')
+          'graphCanvasMenu.' +
+            (canvasStore.canvas?.read_only ? 'panMode' : 'selectMode')
         ) + ' (Space)'
       "
       @click="() => commandStore.execute('Comfy.Canvas.ToggleLock')"
     >
       <template #icon>
-        <i-material-symbols:pan-tool-outline v-if="canvasStore.readOnly" />
+        <i-material-symbols:pan-tool-outline
+          v-if="canvasStore.canvas?.read_only"
+        />
         <i-simple-line-icons:cursor v-else />
       </template>
     </Button>