From 9ed2a99abfb8694918887fe502da089b98cd9024 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 20 Mar 2024 17:01:53 +0800
Subject: [PATCH] feat: var reference support readonly

---
 .../variable-assigner/components/var-list/index.tsx    | 10 ++++++----
 .../workflow/nodes/variable-assigner/panel.tsx         |  6 +++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx b/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
index 455686787c..b5d71b14ff 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx
@@ -73,10 +73,12 @@ const VarList: FC<Props> = ({
             filterVar={filterVar}
             width={350}
           />
-          <RemoveButton
-            className='!p-2 !bg-gray-100 hover:!bg-gray-200'
-            onClick={handleVarRemove(index)}
-          />
+          {!readonly && (
+            <RemoveButton
+              className='!p-2 !bg-gray-100 hover:!bg-gray-200'
+              onClick={handleVarRemove(index)}
+            />
+          )}
         </div>
       ))}
     </div>
diff --git a/web/app/components/workflow/nodes/variable-assigner/panel.tsx b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
index ac3663639e..a1236c84f0 100644
--- a/web/app/components/workflow/nodes/variable-assigner/panel.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/panel.tsx
@@ -19,9 +19,9 @@ const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
   data,
 }) => {
   const { t } = useTranslation()
-  const readOnly = false
 
   const {
+    readOnly,
     inputs,
     handleOutputTypeChange,
     handleVarListChange,
@@ -51,7 +51,7 @@ const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
             trigger={
               <div className='flex items-center h-8 justify-between px-2.5 rounded-lg bg-gray-100 capitalize'>
                 <div className='text-[13px] font-normal text-gray-900'>{inputs.output_type}</div>
-                <ChevronDown className='w-3.5 h-3.5 text-gray-700' />
+                {!readOnly && <ChevronDown className='w-3.5 h-3.5 text-gray-700' />}
               </div>
             }
             popupClassName='!top-[36px] !w-[387px]'
@@ -61,7 +61,7 @@ const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
         <Field
           title={t(`${i18nPrefix}.title`)}
           operations={
-            <AddButton onClick={handleAddVariable} />
+            !readOnly ? <AddButton onClick={handleAddVariable} /> : undefined
           }
         >
           <VarList