@appscode/design-system 1.0.43-alpha.223 → 1.0.43-alpha.224

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.0.43-alpha.223",
+  "version": "1.0.43-alpha.224",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/modals/LongRunningTasksModal.vue

@@ -193,7 +193,7 @@ function handleTaskLog(log: TaskLog) {
     idToStepIndex.value[log.id] = latestStepIndex;
 
     // update active step index for first task
-    // and if current active step is in latest step
+    // or if current active step is in latest step
     if (
       latestStepIndex === 0 ||
       latestStepIndex === idToStepIndex.value[activeStepId.value] + 1
@@ -233,11 +233,15 @@ async function subscribeToChannel(channelId: string) {
   }
 }
 
-watchEffect(() => {
-  if (natsSubject.value) {
-    subscribeToChannel(natsSubject.value);
-  }
-});
+watch(
+  natsSubject,
+  (n) => {
+    if (n) {
+      subscribeToChannel(n);
+    }
+  },
+  { immediate: true }
+);
 
 watch(open, (n) => {
   if (!n) {