From 83ea5ab72d2f891f682b56ff033418cd811d13b2 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Thu, 18 Jun 2020 14:22:44 -0400
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Add=20centered=20layout?=
 =?UTF-8?q?=20to=20ui/core=20error=20template?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/core/app/templates/orgs/org/error.hbs | 67 ++++++++++++------------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/ui/core/app/templates/orgs/org/error.hbs b/ui/core/app/templates/orgs/org/error.hbs
index d3241d609..ac2abe9e9 100644
--- a/ui/core/app/templates/orgs/org/error.hbs
+++ b/ui/core/app/templates/orgs/org/error.hbs
@@ -13,45 +13,46 @@
   *                   we don't distinguish it yet
 
 --}}
-{{#each @model.errors as |error|}}
-  {{#if error.isUnauthenticated}}
+<Rose::Layout::Centered>
+  {{#each @model.errors as |error|}}
     {{!-- error.status === 401 --}}
-    <Rose::Message @title={{t 'titles.unauthenticated-error'}} @subtitle={{error.status}} @icon="disabled" as |message|>
-      <message.description>{{error.message}} {{t 'descriptions.unauthenticated-error'}}</message.description>
-      <message.link @route="index">{{t 'actions.help'}}</message.link>
-    </Rose::Message>
-  {{/if}}
+    {{#if error.isUnauthenticated}}
+      <Rose::Message @title={{t 'titles.unauthenticated-error'}} @subtitle={{error.status}} @icon="disabled" as |message|>
+        <message.description>{{error.message}} {{t 'descriptions.unauthenticated-error'}}</message.description>
+        <message.link @route="index">{{t 'actions.help'}}</message.link>
+      </Rose::Message>
+    {{/if}}
 
-  {{#if error.isForbidden}}
     {{!-- error.status === 403 --}}
-    <Rose::Message @title={{t 'titles.forbidden-error'}} @subtitle={{error.status}} @icon="disabled" as |message|>
-      <message.description>{{error.message}} {{t 'descriptions.forbidden-error'}}</message.description>
-      <message.link @route="index">{{t 'actions.help'}}</message.link>
-    </Rose::Message>
-  {{/if}}
+    {{#if error.isForbidden}}
+      <Rose::Message @title={{t 'titles.forbidden-error'}} @subtitle={{error.status}} @icon="disabled" as |message|>
+        <message.description>{{error.message}} {{t 'descriptions.forbidden-error'}}</message.description>
+        <message.link @route="index">{{t 'actions.help'}}</message.link>
+      </Rose::Message>
+    {{/if}}
 
-  {{#if error.isNotFound}}
     {{!-- error.status === 404 --}}
-    <Rose::Message @title={{t 'titles.notfound-error'}} @subtitle={{error.status}} @icon="help-circle-outline" as |message|>
-      <message.description>{{error.message}} {{t 'descriptions.notfound-error'}}</message.description>
-      <message.link @route="index">{{t 'actions.help'}}</message.link>
-    </Rose::Message>
-  {{/if}}
+    {{#if error.isNotFound}}
+      <Rose::Message @title={{t 'titles.notfound-error'}} @subtitle={{error.status}} @icon="help-circle-outline" as |message|>
+        <message.description>{{error.message}} {{t 'descriptions.notfound-error'}}</message.description>
+        <message.link @route="index">{{t 'actions.help'}}</message.link>
+      </Rose::Message>
+    {{/if}}
 
-  {{#if error.isServer}}
     {{!-- error.status === 500 --}}
-    <Rose::Message @title={{t 'titles.server-error'}} @subtitle={{error.status}} @icon="alert-circle-outline" as |message|>
-      <message.description>{{error.message}} {{t 'descriptions.server-error'}}</message.description>
-      <message.link @route="index">{{t 'actions.help'}}</message.link>
-    </Rose::Message>
-  {{/if}}
+    {{#if error.isServer}}
+      <Rose::Message @title={{t 'titles.server-error'}} @subtitle={{error.status}} @icon="alert-circle-outline" as |message|>
+        <message.description>{{error.message}} {{t 'descriptions.server-error'}}</message.description>
+        <message.link @route="index">{{t 'actions.help'}}</message.link>
+      </Rose::Message>
+    {{/if}}
 
-  {{#if error.isUnknown}}
     {{!-- error.status === 🤷 everything else --}}
-    <Rose::Message @title={{t 'titles.unknown-error'}} @subtitle={{error.status}} @icon="alert-circle-outline" as |message|>
-      <message.description>{{error.message}} {{t 'descriptions.unknown-error'}}</message.description>
-      <message.link @route="index">{{t 'actions.help'}}</message.link>
-    </Rose::Message>
-  {{/if}}
-
-{{/each}}
+    {{#if error.isUnknown}}
+      <Rose::Message @title={{t 'titles.unknown-error'}} @subtitle={{error.status}} @icon="alert-circle-outline" as |message|>
+        <message.description>{{error.message}} {{t 'descriptions.unknown-error'}}</message.description>
+        <message.link @route="index">{{t 'actions.help'}}</message.link>
+      </Rose::Message>
+    {{/if}}
+  {{/each}}
+</Rose::Layout::Centered>