ui/project: add empty state for remote init case

hashicorp · Aug 30, 2021 · 8bada7e · 8bada7e
1 parent bebf5cb
commit 8bada7e
Showing 1 changed file with 27 additions and 9 deletions.
diff --git a/ui/app/templates/workspace/projects/project/apps.hbs b/ui/app/templates/workspace/projects/project/apps.hbs
@@ -23,15 +23,33 @@
     </LinkTo>
   </Card>
 {{else}}
-  <EmptyState>
-    <p>There are no applications in this project yet</p>
-    <p>To create your first application, run
-      <CopyableCode @ref="empty-init" @inline="true">
-        <code id="empty-init">waypoint init</code>
-      </CopyableCode>
-      from the CLI</p>
-    <p>For more help getting started, refer to the <ExternalLink href="https://waypointproject.io/docs/getting-started">Waypoint documentation</ExternalLink></p>
-  </EmptyState>
+  {{#if @model.dataSource.git.url}}
+    <EmptyState>
+      <p>
+        <Spinner @size="20" />
+        Initializing project from
+        <code class="code-block">{{@model.dataSource.git.url}}</code>
+      </p>
+      <p>
+        Initialization taking a long time? Try running
+        <CopyableCode @ref="empty-init" @inline="true">
+          <code id="empty-init">waypoint init</code>
+        </CopyableCode>
+        from the CLI
+      </p>
+      <p>For more help getting started, refer to the <ExternalLink href="https://waypointproject.io/docs/getting-started">Waypoint documentation</ExternalLink></p>
+    </EmptyState>
+  {{else}}
+    <EmptyState>
+      <p>There are no applications in this project yet</p>
+      <p>To create your first application, run
+        <CopyableCode @ref="empty-init" @inline="true">
+          <code id="empty-init">waypoint init</code>
+        </CopyableCode>
+        from the CLI</p>
+      <p>For more help getting started, refer to the <ExternalLink href="https://waypointproject.io/docs/getting-started">Waypoint documentation</ExternalLink></p>
+    </EmptyState>
+  {{/if}}
 {{/each}}
 
 {{outlet}}