From 54c863c747f0c5688d745cdffd6be375b21fc882 Mon Sep 17 00:00:00 2001
From: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>
Date: Fri, 10 Feb 2023 14:37:22 -0600
Subject: [PATCH] UI: Fix cancel button on role transform form (#19135)

---
 changelog/19135.txt                           |  3 +++
 .../components/transform-role-edit.hbs        | 22 ++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)
 create mode 100644 changelog/19135.txt

diff --git a/changelog/19135.txt b/changelog/19135.txt
new file mode 100644
index 000000000..a3e085b5a
--- /dev/null
+++ b/changelog/19135.txt
@@ -0,0 +1,3 @@
+```release-note:bug
+ui (enterprise): Fix cancel button from transform engine role creation page
+```
diff --git a/ui/app/templates/components/transform-role-edit.hbs b/ui/app/templates/components/transform-role-edit.hbs
index b6ae0bd67..b54661cd1 100644
--- a/ui/app/templates/components/transform-role-edit.hbs
+++ b/ui/app/templates/components/transform-role-edit.hbs
@@ -58,7 +58,11 @@
       <MessageError @model={{this.model}} />
       <NamespaceReminder @mode={{this.mode}} @noun="Transform role" />
       {{#each this.model.attrs as |attr|}}
-        <FormField data-test-field @attr={{attr}} @model={{this.model}} />
+        {{#if (and (eq this.mode "edit") attr.options.readOnly)}}
+          <ReadonlyFormField @attr={{attr}} @value={{get this.model attr.name}} />
+        {{else}}
+          <FormField data-test-field @attr={{attr}} @model={{this.model}} />
+        {{/if}}
       {{/each}}
     </div>
     <div class="field is-grouped-split box is-fullwidth is-bottomless">
@@ -75,13 +79,15 @@
             Save
           {{/if}}
         </button>
-        <SecretLink
-          @mode={{if (eq this.mode "create") "list" "show"}}
-          class="button"
-          @secret={{concat "role/" this.model.id}}
-        >
-          Cancel
-        </SecretLink>
+        {{#if (eq this.mode "create")}}
+          <LinkTo @route={{"vault.cluster.secrets.backend.list-root"}} @query={{hash tab="role"}} class="button">
+            Cancel
+          </LinkTo>
+        {{else if (eq this.mode "edit")}}
+          <LinkTo @route="vault.cluster.secrets.backend.show" @model={{concat "role/" this.model.id}} class="button">
+            Cancel
+          </LinkTo>
+        {{/if}}
       </div>
     </div>
   </form>