Add username to token modal

server/sonar-web/src/main/js/apps/users/components/TokensFormModal.tsx

@@ -18,6 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
 import TokensForm from './TokensForm';
 import Modal from '../../../components/controls/Modal';
 import { translate } from '../../../helpers/l10n';
@@ -30,11 +31,16 @@ interface Props {
 }
 
 export default function TokensFormModal(props: Props) {
-  const header = translate('users.tokens');
   return (
-    <Modal contentLabel={header} onRequestClose={props.onClose}>
+    <Modal contentLabel={translate('users.tokens')} onRequestClose={props.onClose}>
       <header className="modal-head">
-        <h2>{header}</h2>
+        <h2>
+          <FormattedMessage
+            defaultMessage={translate('users.user_X_tokens')}
+            id="users.user_X_tokens"
+            values={{ user: <em>{props.user.name}</em> }}
+          />
+        </h2>
       </header>
       <div className="modal-body modal-container">
         <TokensForm login={props.user.login} updateTokensCount={props.updateTokensCount} />

server/sonar-web/src/main/js/apps/users/components/__tests__/__snapshots__/TokensFormModal-test.tsx.snap

@@ -9,7 +9,17 @@ exports[`should render correctly 1`] = `
     className="modal-head"
   >
     <h2>
-      users.tokens
+      <FormattedMessage
+        defaultMessage="users.user_X_tokens"
+        id="users.user_X_tokens"
+        values={
+          Object {
+            "user": <em>
+              John Doe
+            </em>,
+          }
+        }
+      />
     </h2>
   </header>
   <div

sonar-core/src/main/resources/org/sonar/l10n/core.properties

@@ -3100,6 +3100,7 @@ users.update=Update users
 users.tokens=Tokens
 users.tokens.sure=Sure?
 users.tokens.revoke=Revoke
+users.user_X_tokens=Tokens of {user}
 users.no_tokens=No tokens
 users.generate=Generate
 users.generate_tokens=Generate Tokens