From e790d5871738ad9239bfc17bf7efead96d9c529b Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Thu, 13 Aug 2020 17:20:10 -0400
Subject: [PATCH] chore: Use translated string for auth-method type

---
 .../app/components/form/auth-method/index.hbs    |  2 +-
 .../scope/auth-methods/auth-method/index.hbs     |  8 ++++----
 .../scopes/scope/auth-methods/index.hbs          | 16 +++++++++-------
 .../components/form/auth-method-test.js          |  2 ++
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/ui/core/app/components/form/auth-method/index.hbs b/ui/core/app/components/form/auth-method/index.hbs
index c2dccd6b6..7c1bc5162 100644
--- a/ui/core/app/components/form/auth-method/index.hbs
+++ b/ui/core/app/components/form/auth-method/index.hbs
@@ -6,7 +6,7 @@
   as |form|
 >
   <form.input
-  @value={{@model.type}}
+  @value={{t (concat 'auth.method-types.' @model.type)}}
   @label={{t "form.label.type"}}
   readonly={{true}}
   @disabled={{true}} />
diff --git a/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs b/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
index 0d9a5ca5e..580249d53 100644
--- a/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
+++ b/ui/core/app/templates/scopes/scope/auth-methods/auth-method/index.hbs
@@ -1,9 +1,9 @@
 <Rose::Layout::Page as |page|>
   <page.header>
-    <h2>
-      {{t "resources.auth-method"}}
-      <Rose::Badge @style="outline">{{@model.type}}</Rose::Badge>
-    </h2>
+    <h2>{{t "resources.auth-method"}}</h2>
+    <Rose::Badge @style="outline">
+      {{t (concat 'auth.method-types.' @model.type)}}
+    </Rose::Badge>
   </page.header>
 
   <page.navigation>
diff --git a/ui/core/app/templates/scopes/scope/auth-methods/index.hbs b/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
index 61c7a08e4..3cf07c9af 100644
--- a/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
+++ b/ui/core/app/templates/scopes/scope/auth-methods/index.hbs
@@ -27,17 +27,19 @@
           {{#each @model as |authMethod|}}
             <body.row as |row|>
               <row.cell>
-                <LinkTo
-                  @route="scopes.scope.auth-methods.auth-method"
-                  @model={{authMethod}}
-                >
-                  {{authMethod.name}}
-                </LinkTo>
+                <p>
+                  <LinkTo
+                    @route="scopes.scope.auth-methods.auth-method"
+                    @model={{authMethod}}
+                  >
+                    {{authMethod.name}}
+                  </LinkTo>
+                </p>
                 {{authMethod.description}}
               </row.cell>
               <row.cell>
                 <Rose::Badge @style="outline">
-                  {{authMethod.type}}
+                  {{t (concat 'auth.method-types.' authMethod.type)}}
                 </Rose::Badge>
               </row.cell>
               <row.cell>{{authMethod.id}}</row.cell>
diff --git a/ui/core/tests/integration/components/form/auth-method-test.js b/ui/core/tests/integration/components/form/auth-method-test.js
index e7320e927..267e516b5 100644
--- a/ui/core/tests/integration/components/form/auth-method-test.js
+++ b/ui/core/tests/integration/components/form/auth-method-test.js
@@ -9,9 +9,11 @@ module('Integration | Component | form/auth-method', function (hooks) {
   test('it renders', async function (assert) {
     this.submit = () => {};
     this.cancel = () => {};
+    this.model = { type: 'password' };
 
     await render(hbs`
       <Form::AuthMethod
+        @model={{this.model}}
         @submit={{this.submit}}
         @cancel={{this.cancel}}
       />`);