From 00157a420beba89f8faa0ab597dcef5a7f9615fe Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Wed, 13 Nov 2024 16:40:54 +0700
Subject: [PATCH] fix: handle null

---
 src/components/dialog/DialogProperties.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/dialog/DialogProperties.vue b/src/components/dialog/DialogProperties.vue
index e6931ca3..cbb471e2 100644
--- a/src/components/dialog/DialogProperties.vue
+++ b/src/components/dialog/DialogProperties.vue
@@ -283,7 +283,7 @@ watch(
       if (ret) {
         currWorkflow.value = ret;
         tempStep.value =
-          ret.step.length > 0
+          ret.step?.length > 0
             ? ret.step.map((s) => ({
                 name: s.name,
                 attributes: s.attributes,
@@ -329,7 +329,7 @@ watch(
       </template>
 
       <div
-        v-if="tempStep.length === 0"
+        v-if="tempStep?.length === 0"
         class="row surface-1 rounded bordered items-center justify-center col"
         :class="{
           'q-ma-lg': $q.screen.gt.sm,
@@ -378,8 +378,8 @@ watch(
                   <div class="full-width flex items-center">
                     <q-icon
                       v-if="
-                        tempStep[stepIndex].attributes.properties.length ===
-                        propertiesOption.length
+                        tempStep[stepIndex].attributes.properties?.length ===
+                        propertiesOption?.length
                       "
                       name="mdi-checkbox-marked"
                       size="xs"
@@ -432,7 +432,7 @@ watch(
           </span>
 
           <div
-            v-if="tempStep[stepIndex].attributes.properties.length === 0"
+            v-if="tempStep[stepIndex].attributes?.properties?.length === 0"
             class="row surface-1 rounded bordered items-center justify-center col"
             :class="{
               'q-ma-lg': $q.screen.gt.sm,
@@ -442,7 +442,7 @@ watch(
             <NoData useField />
           </div>
           <div
-            v-if="tempStep[stepIndex].attributes.properties.length > 0"
+            v-if="tempStep[stepIndex].attributes?.properties?.length > 0"
             class="q-py-sm"
             :class="{
               'q-px-lg': $q.screen.gt.sm,
@@ -474,7 +474,7 @@ watch(
                   flat
                   round
                   :size="$q.screen.xs ? 'xs' : ''"
-                  :disable="propIndex === tempStep.length - 1"
+                  :disable="propIndex === tempStep?.length - 1"
                   style="color: hsl(var(--text-mute-2))"
                   @click="moveItemDown(tempStep, propIndex)"
                 />