From b02a524ad5932e1cb0ef447e3bb8aa754e966118 Mon Sep 17 00:00:00 2001
From: Matthew Elwell <matthew.elwell@flagsmith.com>
Date: Tue, 21 Nov 2023 21:50:33 +0000
Subject: [PATCH] feat(ui): hide API keys from integrations list (#3019)

---
 .../web/components/modals/CreateEditIntegrationModal.js     | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/web/components/modals/CreateEditIntegrationModal.js b/frontend/web/components/modals/CreateEditIntegrationModal.js
index 56e7d29bd7ca..1a2b04f1f71e 100644
--- a/frontend/web/components/modals/CreateEditIntegrationModal.js
+++ b/frontend/web/components/modals/CreateEditIntegrationModal.js
@@ -184,7 +184,9 @@ const CreateEditIntegration = class extends Component {
                   </label>
                 </div>
                 {this.props.readOnly ? (
-                  <div className='mb-3'>{this.state.data[field.key]}</div>
+                  <div className='mb-3'>
+                    {field.hidden ? this.state.data[field.key].replace(/./g, '*') : this.state.data[field.key]}
+                  </div>
                 ) : field.options ? (
                   <div className='full-width mb-2'>
                     <Select
@@ -216,7 +218,7 @@ const CreateEditIntegration = class extends Component {
                     value={this.state.data[field.key]}
                     onChange={(e) => this.update(field.key, e)}
                     isValid={!!this.state.data[field.key]}
-                    type='text'
+                    type={field.hidden ? 'password' : 'text'}
                     className='full-width mb-2'
                   />
                 )}