From 4cfb8fe48256c922ed7dbc94520b6c057012826d Mon Sep 17 00:00:00 2001
From: Alexandre Bortoluzzi <alexandre.bortoluzzi@ext.adeo.com>
Date: Thu, 5 May 2022 12:51:17 +0200
Subject: [PATCH] feat: display token description on user tokens list page

---
 awx/ui/src/screens/User/UserTokenList/UserTokenList.js     | 5 +++++
 awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenList.js b/awx/ui/src/screens/User/UserTokenList/UserTokenList.js
index 14d659f020..03bb495fab 100644
--- a/awx/ui/src/screens/User/UserTokenList/UserTokenList.js
+++ b/awx/ui/src/screens/User/UserTokenList/UserTokenList.js
@@ -134,6 +134,10 @@ function UserTokenList() {
             name: t`Application name`,
             key: 'application__name',
           },
+          {
+            name: t`Description`,
+            key: 'description',
+          },
           {
             name: t`Scope`,
             key: 'scope',
@@ -181,6 +185,7 @@ function UserTokenList() {
         headerRow={
           <HeaderRow qsConfig={QS_CONFIG}>
             <HeaderCell sortKey="application__name">{t`Application Name`}</HeaderCell>
+            <HeaderCell sortKey="description">{t`Description`}</HeaderCell>
             <HeaderCell sortKey="scope">{t`Scope`}</HeaderCell>
             <HeaderCell sortKey="expires">{t`Expires`}</HeaderCell>
           </HeaderRow>
diff --git a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
index d5ab4db96d..c55681cd34 100644
--- a/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
+++ b/awx/ui/src/screens/User/UserTokenList/UserTokenListItem.js
@@ -26,6 +26,9 @@ function UserTokenListItem({ token, isSelected, onSelect, rowIndex }) {
             : t`Personal access token`}
         </Link>
       </Td>
+      <Td dataLabel={t`Description`} id={`token-description-${token.id}`}>
+          {toTitleCase(token.description)}
+      </Td>
       <Td dataLabel={t`Scope`} id={`token-scope-${token.id}`}>
         {toTitleCase(token.scope)}
       </Td>