cleanup

Author: ProgrammerShri

src/SortingVisualizer/Visualizer.js

@@ -25,61 +25,6 @@ const Visualizer = () => {
   const [animationSpeed, setAnimationSpeed] = useState(10);
   const [algo, setAlgo] = useState("mergesort");
   const [able, setAble] = useState(true);
-//   const [time, setTime] = useState({ ms: 0, s: 0, m: 0, h: 0 });
-//   const [interv, setInterv] = useState();
-//   const [status, setStatus] = useState(0);
-//   // Not started = 0
-//   // started = 1
-//   // stopped = 2
-
-//   const handleStart = () => {
-//     run();
-//     setStatus(1);
-//     setInterv(setInterval(run, 10));
-//   };
-
-//   var updatedMs = time.ms,
-//     updatedS = time.s,
-//     updatedM = time.m,
-//     updatedH = time.h;
-
-//   const run = () => {
-//     if (updatedM === 60) {
-//       updatedH++;
-//       updatedM = 0;
-//     }
-//     if (updatedS === 60) {
-//       updatedM++;
-//       updatedS = 0;
-//     }
-//     if (updatedMs === 100) {
-//       updatedS++;
-//       updatedMs = 0;
-//     }
-//     updatedMs++;
-//     return setTime({ ms: updatedMs, s: updatedS, m: updatedM, h: updatedH });
-//   };
-
-//   const handleStop = () => {
-//     clearInterval(interv);
-//     setStatus(2);
-//   };
-
-//   const handleReset = () => {
-//     clearInterval(interv);
-//     setStatus(0);
-//     setTime({ ms: 0, s: 0, m: 0, h: 0 });
-//   };
-
-//   const handleResume = () => handleStart();
-
-//   const h = () => {
-//     if (time.h === 0) {
-//       return "";
-//     } else {
-//       return <span>{time.h >= 10 ? time.h : "0" + time.h}</span>;
-//     }
-//   };
 
   //Render the Array Before DOM loades
   useEffect(() => {
@@ -108,7 +53,6 @@ const Visualizer = () => {
 
   const populateArray = (size) => {
     audio.play(); // play resetEffect here
-    // handleReset();
     const tempArr = [];
     for (let i = 0; i < size; i++) {
       const item = {
@@ -130,7 +74,6 @@ const Visualizer = () => {
   const colorEveryElement = (arr, counter) => {
     setTimeout(() => {
       completedAudio.play(); // Play audion when bar will sorted
-    //   handleStop();
       const sortedArray = [];
       for (let i = 0; i < arr.length; i++) {
         document.getElementsByClassName("arrayBar")[i].style.backgroundColor =
@@ -141,6 +84,7 @@ const Visualizer = () => {
           val: arr[i],
         });
       }
+
       setMainArray(sortedArray);
       setAble(true);
     }, counter * animationSpeed);
@@ -191,7 +135,6 @@ const Visualizer = () => {
     colorEveryElement(arr, count + 1);
   };
   const startSorting = (algo) => {
-    // handleStart();
     switch (algo) {
       case "bubblesort":
         bubbleSortAnimate();
@@ -245,12 +188,7 @@ const Visualizer = () => {
         <div className="select-box able">
           <label htmlFor="algo">Select Algorithm</label>
           <label htmlFor="algo"></label>
-          {/* <div>
-            {h()}&nbsp;&nbsp;
-            {time.m >= 10 ? time.m : "0" + time.m} :
-            {time.s >= 10 ? time.s : "0" + time.s} :
-            {time.ms >= 10 ? time.ms : "0" + time.ms}
-          </div> */}
+          <div></div>
 
           <select
             name="algo"