Transitions added Intervals Maintained

Author: hyvip-ai

src/App.svelte

@@ -36,13 +36,16 @@
           myBars
         );
         myBars = data;
-        await new Promise((res, rej) => {
-          setTimeout(() => {
-            res();
-          }, 500);
-        });
+        if (swap) {
+          await new Promise((res, rej) => {
+            setTimeout(() => {
+              res();
+            }, 500);
+          });
+        }
       }
     }
+    alert("Array Sorted");
   };
 </script>
 

src/components/Bar.svelte

@@ -9,5 +9,6 @@
     width: 50px;
     background-color: rgb(8, 255, 160);
     margin-right: 5px;
+    transition: all 0.5s;
   }
 </style>

src/functions/flash.js

@@ -9,7 +9,7 @@ export async function flashBars(first, second, i, j, swap, array) {
         if (swap) {
           first.classList.add("swapping");
           second.classList.add("swapping");
-          setTimeout(() => {
+          setTimeout(async() => {
             let temp = array[i];
             array[i] = array[j];
             array[j] = temp;
@@ -21,6 +21,6 @@ export async function flashBars(first, second, i, j, swap, array) {
           resolve(array);
         }
       }, 500);
-    }, 1000);
+    }, 800);
   });
 }