Update warning message when ansible environment is not set up (#1566)

* WIP: update warning message * Update error message when environment is not set up
ansible · Oct 7, 2024 · 35c7e17 · 35c7e17
1 parent 3364511
commit 35c7e17
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/media/welcomePage/style.css b/media/welcomePage/style.css
@@ -54,6 +54,11 @@ a .codicon {
 	color: red;
 }
 
+.codicon.codicon-warning {
+	margin: 10px;
+	color: red;
+}
+
 .system-description {
 	padding: 0px;
 	margin: 6px;

diff --git a/src/webview/apps/welcomePage/welcomePageApp.ts b/src/webview/apps/welcomePage/welcomePageApp.ts
@@ -87,8 +87,16 @@ function updateAnsibleCreatorAvailabilityStatus() {
         } else {
           // if (systemReadinessDiv)
           //   systemReadinessDiv.style.backgroundColor = "#610000";
-          systemReadinessIcon.innerHTML = `<span class="codicon codicon-error"></span>`;
-          systemReadinessDescription.innerHTML = `<p class="system-description"><b>Looks like your environment is missing some tools</b>.<br>Follow the description in the 'System requirements' section to set up your environment.</p>`;
+          systemReadinessIcon.innerHTML = `<span class="codicon codicon-warning"></span>`;
+          systemReadinessDescription.innerHTML = `
+            <p class="system-description">
+              <b>Looks like you don't have an ansible environment set up yet</b>.
+              <br>
+              Follow the
+                <a href="command:ansible.open-walkthrough-create-env">
+                  Set up Ansible environment
+                </a> walkthrough
+            </p>`;
         }
         systemReadinessDiv?.appendChild(systemReadinessIcon);
         systemReadinessDiv?.appendChild(systemReadinessDescription);