From 50f42253ce83926e45f8e31cd64126f21f8f4250 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 2 Dec 2021 12:33:59 +0530
Subject: [PATCH] fix(ui) - tenantKey display

---
 .../Client/ProfileSettings/TenantKey.js        | 18 ++++++++----------
 frontend/app/types/client/client.js            |  1 +
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/app/components/Client/ProfileSettings/TenantKey.js b/frontend/app/components/Client/ProfileSettings/TenantKey.js
index 8e76bdb43..e6c43591d 100644
--- a/frontend/app/components/Client/ProfileSettings/TenantKey.js
+++ b/frontend/app/components/Client/ProfileSettings/TenantKey.js
@@ -4,37 +4,35 @@ import { connect } from 'react-redux';
 import styles from './profileSettings.css';
 
 @connect(state => ({
-  key: state.getIn([ 'user', 'client', 'tenantKey' ]),
-  loading: state.getIn([ 'user', 'updateAccountRequest', 'loading' ]) ||
-    state.getIn([ 'user', 'putClientRequest', 'loading' ]),
+  tenantKey: state.getIn([ 'user', 'client', 'tenantKey' ]),
 }))
 export default class TenantKey extends React.PureComponent {
   state = { copied: false }
 
   copyHandler = () => {
-    const { key } = this.props;
+    const { tenantKey } = this.props;
     this.setState({ copied: true });
-    copy(key);
+    copy(tenantKey);
     setTimeout(() => {
       this.setState({ copied: false });
     }, 1000);
   };
 
   render() {
-    const { key } = this.props;
+    const { tenantKey } = this.props;
     const { copied } = this.state;
 
     return (
       <form onSubmit={ this.handleSubmit } className={ styles.form }>
         <div className={ styles.formGroup }>
-          <label htmlFor="key">{ 'Tenant Key' }</label>
+          <label htmlFor="tenantKey">{ 'Tenant Key' }</label>
           <div className="ui action input">
             <input
-              name="key"
-              id="key"
+              name="tenantKey"
+              id="tenantKey"
               type="text"
               readOnly={ true }
-              value={ key }
+              value={ tenantKey }
             />
             <div
               className="ui button copy-button"
diff --git a/frontend/app/types/client/client.js b/frontend/app/types/client/client.js
index 542ff1a97..ec0a20aac 100644
--- a/frontend/app/types/client/client.js
+++ b/frontend/app/types/client/client.js
@@ -8,6 +8,7 @@ export default Record({
   loggerOptions: LoggerOptions(),
   apiKey: undefined,
   tenantId: undefined,
+  tenantKey: '',
   name: undefined,
   sites: List(),
   optOut: true,