From 70a12dcde6944a9b156cf30919c18b585e84d535 Mon Sep 17 00:00:00 2001
From: Joshua Ogle <joshua@joshuaogle.com>
Date: Sat, 3 Nov 2018 10:33:32 -0600
Subject: [PATCH] Replaced more old empty states

---
 .../templates/components/identity/item-aliases.hbs | 14 +++-----------
 .../templates/components/identity/item-groups.hbs  | 14 +++-----------
 .../templates/components/identity/item-members.hbs | 14 +++-----------
 .../components/identity/item-metadata.hbs          | 14 +++-----------
 .../components/identity/item-parent-groups.hbs     | 14 +++-----------
 .../components/identity/item-policies.hbs          | 14 +++-----------
 ui/app/templates/components/list-view.hbs          | 14 +++-----------
 .../replication/mode/secondaries/config-show.hbs   | 14 +++-----------
 8 files changed, 24 insertions(+), 88 deletions(-)

diff --git a/ui/app/templates/components/identity/item-aliases.hbs b/ui/app/templates/components/identity/item-aliases.hbs
index 8b3995930..133025be5 100644
--- a/ui/app/templates/components/identity/item-aliases.hbs
+++ b/ui/app/templates/components/identity/item-aliases.hbs
@@ -28,15 +28,7 @@
     </div>
   {{/linked-block}}
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey" data-test-no-entity-aliases-text>
-            There are no {{model.identityType}} aliases for {{model.name}}.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="There are no {{model.identityType}} aliases for {{model.name}}"
+  />
 {{/each}}
diff --git a/ui/app/templates/components/identity/item-groups.hbs b/ui/app/templates/components/identity/item-groups.hbs
index 1366797fe..eb44ed08c 100644
--- a/ui/app/templates/components/identity/item-groups.hbs
+++ b/ui/app/templates/components/identity/item-groups.hbs
@@ -25,15 +25,7 @@
     {{/linked-block}}
   {{/each}}
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            {{model.name}} is not a member of any groups.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="{{model.name}} is not a member of any groups."
+  />
 {{/if}}
diff --git a/ui/app/templates/components/identity/item-members.hbs b/ui/app/templates/components/identity/item-members.hbs
index 4f20517fe..4b5485a72 100644
--- a/ui/app/templates/components/identity/item-members.hbs
+++ b/ui/app/templates/components/identity/item-members.hbs
@@ -52,15 +52,7 @@
     {{/linked-block}}
   {{/each}}
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            There are no members in this group.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="No members in this group yet"
+  />
 {{/if}}
diff --git a/ui/app/templates/components/identity/item-metadata.hbs b/ui/app/templates/components/identity/item-metadata.hbs
index caabe9614..758a5c360 100644
--- a/ui/app/templates/components/identity/item-metadata.hbs
+++ b/ui/app/templates/components/identity/item-metadata.hbs
@@ -14,15 +14,7 @@
     </div>
   </div>
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            There is no metadata associated with {{model.name}}.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="No metadata associated with {{model.name}} yet"
+  />
 {{/each-in}}
diff --git a/ui/app/templates/components/identity/item-parent-groups.hbs b/ui/app/templates/components/identity/item-parent-groups.hbs
index 868dd3298..a7ceeaf0a 100644
--- a/ui/app/templates/components/identity/item-parent-groups.hbs
+++ b/ui/app/templates/components/identity/item-parent-groups.hbs
@@ -23,15 +23,7 @@
     {{/linked-block}}
   {{/each}}
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            This group has no parent groups.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="This group has no parent groups yet"
+  />
 {{/if}}
diff --git a/ui/app/templates/components/identity/item-policies.hbs b/ui/app/templates/components/identity/item-policies.hbs
index e3eaf9a2e..0896f0e86 100644
--- a/ui/app/templates/components/identity/item-policies.hbs
+++ b/ui/app/templates/components/identity/item-policies.hbs
@@ -20,15 +20,7 @@
     </div>
   {{/linked-block}}
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey" data-test-no-entity-aliases-text>
-            There are no policies associated with {{model.name}}.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="No policies associated with {{model.name}} yet"
+  />
 {{/each}}
diff --git a/ui/app/templates/components/list-view.hbs b/ui/app/templates/components/list-view.hbs
index 54815bcdc..4d35a8a80 100644
--- a/ui/app/templates/components/list-view.hbs
+++ b/ui/app/templates/components/list-view.hbs
@@ -5,15 +5,7 @@
     {{/each}}
   </div>
 {{else}}
-  <div class="box is-bottomless has-background-white-bis">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            {{emptyMessage}}
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title={{emptyMessage}}
+  />
 {{/if}}
diff --git a/ui/app/templates/vault/cluster/replication/mode/secondaries/config-show.hbs b/ui/app/templates/vault/cluster/replication/mode/secondaries/config-show.hbs
index 565e5573c..2697424fe 100644
--- a/ui/app/templates/vault/cluster/replication/mode/secondaries/config-show.hbs
+++ b/ui/app/templates/vault/cluster/replication/mode/secondaries/config-show.hbs
@@ -17,17 +17,9 @@
     {{/info-table-row}}
   </div>
 {{else}}
-  <div class="box is-bottomless has-background-white-bis is-marginless">
-    <div class="columns is-centered">
-      <div class="column is-half has-text-centered">
-        <div class="box is-shadowless has-background-white-bis">
-          <p class="has-text-grey">
-            The secondary <code>{{model.config.id}}</code> does not currently have performance mount filtering configured.
-          </p>
-        </div>
-      </div>
-    </div>
-  </div>
+  <EmptyState
+    @title="The secondary <code>{{model.config.id}}</code> does not currently have performance mount filtering configured"
+  />
 {{/if}}
 <div class="field is-fullwidth box is-shadowless">
   {{#if model.config.mode}}