fix: error when delete a condition

package.json

@@ -1,6 +1,6 @@
 {
   "name": "automa",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "An extension for automating your browser by connecting blocks",
   "license": "MIT",
   "repository": {

src/components/newtab/shared/SharedWorkflowState.vue

@@ -39,7 +39,7 @@
       >
         <v-remixicon :name="block.icon" />
         <p class="flex-1 ml-2 mr-4 text-overflow">{{ block.name }}</p>
-        <ui-spinner color="text-accnet" size="20" />
+        <ui-spinner color="text-accent" size="20" />
       </div>
     </div>
     <div

src/components/newtab/workflow/WorkflowDetailsCard.vue

@@ -38,7 +38,7 @@
           type="url"
           placeholder="http://example.com/img.png"
           label="Icon URL"
-          @change="$emit('update', { icon: $event })"
+          @change="updateWorkflowIcon"
         />
       </div>
     </ui-popover>
@@ -126,7 +126,7 @@ defineProps({
     default: false,
   },
 });
-defineEmits(['update']);
+const emit = defineEmits(['update']);
 
 const { t } = useI18n();
 
@@ -163,4 +163,12 @@ const blocks = computed(() =>
     return arr;
   }, {})
 );
+
+function updateWorkflowIcon(value) {
+  if (!value.startsWith('http')) return;
+
+  const iconUrl = value.slice(0, 1024);
+
+  emit('update', { icon: iconUrl });
+}
 </script>

src/components/newtab/workflow/WorkflowRunning.vue

@@ -32,7 +32,7 @@
         <template v-if="item.state.currentBlock">
           <v-remixicon :name="getBlock(item).icon" />
           <p class="flex-1 ml-2 mr-4">{{ getBlock(item).name }}</p>
-          <ui-spinner color="text-accnet" size="20" />
+          <ui-spinner color="text-accent" size="20" />
         </template>
         <p v-else>{{ t('message.noBlock') }}</p>
       </div>

src/components/newtab/workflow/edit/EditConditions.vue

@@ -1,7 +1,12 @@
 <template>
   <div>
-    <ui-button variant="accent" class="mb-4" @click="addCondition">
-      Add condition
+    <ui-button
+      :disabled="conditions.length >= 10"
+      variant="accent"
+      class="mb-4"
+      @click="addCondition"
+    >
+      {{ t('workflow.blocks.conditions.add') }}
     </ui-button>
     <ul class="space-y-2">
       <li
@@ -109,22 +114,22 @@ function getTitle(index) {
 function addCondition() {
   if (conditions.value.length >= 10) return;
 
+  emitter.emit('conditions-block:add', {
+    id: props.blockId,
+  });
+
   conditions.value.unshift({
     compareValue: '',
     value: '',
     type: '==',
   });
-
-  emitter.emit('conditions-block:add', {
-    id: props.blockId,
-  });
 }
 function deleteCondition(index) {
   conditions.value.splice(index, 1);
 
   emitter.emit('conditions-block:delete', {
     index,
-    id: prps.blockId,
+    id: props.blockId,
   });
 }
 // function updateData(value) {

src/locales/en/blocks.json

@@ -223,6 +223,7 @@
       },
       "conditions": {
         "name": "Conditions",
+        "add": "Add condition",
         "description": "Conditional block",
         "fallbackTitle": "Execute when all comparisons don't meet the requirement",
         "equals": "Equals",