Removing progress bar upon clearing all stages

sidebar/sidebar.js

@@ -42,6 +42,7 @@ let actionStarted = false;
 const navigateToConfigButton = document.getElementById('backtoHome');
 const backtoHome = document.getElementById('backArrow');
 const selectedIconButton = document.getElementById('selectedIconNumber');
+const ProgressStepperContainer = document.getElementById('progress-stepper');
 let FilePath = "";
 
 //cleanup required
@@ -394,6 +395,8 @@ document.addEventListener('ciCdStepClick', function (e) {
       type: "openLink",
       url: "https://keploy.io/docs", // Replace this with the URL you want to navigate to
     });// Example of opening a link
+
+
   }
 });
 
@@ -407,13 +410,25 @@ document.addEventListener('addUsersClick', function (e) {
       type: "openLink",
       url: "https://app.keploy.io", // Replace this with the URL you want to navigate to
     });// Example of opening a link
+
+    vscode.postMessage({
+      type:"progressStatus", 
+      value:"false"
+    })
   }
 });
 
 // Handle messages sent from the extension
 window.addEventListener('message', event => {
   const message = event.data;
-  // console.log("message", message);
+  console.log("message", message);
+
+  if(message.type === "progressBarStatus"){
+    if(message.value == false){
+      ProgressStepperContainer.style.display = "none";
+    }
+  }
+
 
   if (message.type === 'navigateToHome') {
     vscode.postMessage({

src/SidebarProvider.ts

@@ -89,6 +89,8 @@
 
     const apiResponse = this._context.globalState.get<string>('apiResponse') || "No response";
     const signedIn = this._context.globalState.get<string>('SignedOthers') || "false";
+    const progressBarVisible = this._context.globalState.get<boolean>('progressVisible') ?? true; 
+
 
     console.log("signedIn others  value", signedIn);
 
@@ -346,7 +348,14 @@
           }
           break;
         }
+        case "progressStatus":{
+          if(progressBarVisible == true && data.value == "false"){
+            console.log("progressbarVisible and data value: ",progressBarVisible,data.value);
+            await this._context.globalState.update("progressVisible", false);
+          }
 
+          break;
+        }
         case "openLink": {
 
           try {
@@ -491,7 +500,7 @@
 
   // Stop the interval when the webview is no longer active
   public dispose() {
-    if (this._interval) {
+    if (this._interval) { 
       clearInterval(this._interval);
     }
   }
@@ -509,6 +518,15 @@
         type: 'signedIn',
         value: signedIn,
       });
+
+      const progressBarVisible = this._context.globalState.get<boolean>('progressVisible') ?? true;
+
+
+      this._view.webview.postMessage({
+        type: 'progressBarStatus',
+        value: progressBarVisible,
+      });
+
     }
   }
   public revive(panel: vscode.WebviewView) {

webviews/components/KeployHome.svelte

@@ -15,9 +15,10 @@
   let settingsIcon = document.querySelector(".settings-icon");
   let currentStep = 1;
   let backConfigButton;
-
+  let progressBarHide;
   function goToNextStep(step) {
     currentStep = step;
+
   }
 
   function resetCurrentStep() {
@@ -83,6 +84,7 @@
         detail: { step: 'add-users' },
       });
       document.dispatchEvent(event);
+
     }
   }
   const toggleRecording = () => {
@@ -345,7 +347,7 @@
       </div>
     {/if}
     <div class="loader" id="loader"></div>
-    <div class="stepper-container">
+    <div class="stepper-container" id="progress-stepper">
       <div class="step-line"></div>
       <div class="step">
         <span