From de668513d15e2c3a078df4f956849f9119a2d9af Mon Sep 17 00:00:00 2001
From: Tina Yip <98424339+tiyiprh@users.noreply.github.com>
Date: Fri, 16 Aug 2024 14:42:58 -0400
Subject: [PATCH] [UXD][AAP-25027] AWX - updates to Roles section breadcrumbs &
 headers (#2734)

---
 frontend/awx/access/roles/RoleForm.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/awx/access/roles/RoleForm.tsx b/frontend/awx/access/roles/RoleForm.tsx
index 2a91d74389..4b065eb451 100644
--- a/frontend/awx/access/roles/RoleForm.tsx
+++ b/frontend/awx/access/roles/RoleForm.tsx
@@ -41,13 +41,13 @@ export function CreateRole(props: { breadcrumbLabelForPreviousPage?: string }) {
   return (
     <PageLayout>
       <PageHeader
-        title={t('Create Role')}
+        title={t('Create role')}
         breadcrumbs={[
           {
             label: props.breadcrumbLabelForPreviousPage || t('Roles'),
             to: getPageUrl(AwxRoute.Roles),
           },
-          { label: t('Create Role') },
+          { label: t('Create role') },
         ]}
       />
       <AwxPageForm<AwxRbacRole>
@@ -100,13 +100,10 @@ export function EditRole(props: { breadcrumbLabelForPreviousPage?: string }) {
       return (
         <PageLayout>
           <PageHeader
-            title={t('Edit Role')}
+            title={role?.name ? t('Edit {{roleName}}', { roleName: role?.name }) : t('Roles')}
             breadcrumbs={[
-              {
-                label: props.breadcrumbLabelForPreviousPage || t('Roles'),
-                to: getPageUrl(AwxRoute.Roles),
-              },
-              { label: t('Edit Role') },
+              { label: t('Roles'), to: getPageUrl(AwxRoute.Roles) },
+              { label: role?.name ? t('Edit {{roleName}}', { roleName: role?.name }) : t('Roles') },
             ]}
           />
           <AwxPageForm<AwxRbacRole>