From 65bb6661be2e89acf869563da1f2bec10da2d452 Mon Sep 17 00:00:00 2001
From: alex <48489896+devnaumov@users.noreply.github.com>
Date: Fri, 24 Nov 2023 13:55:37 +0100
Subject: [PATCH] CB-4272 rerender inputs on configuration change (#2155)

Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com>
---
 .../src/Dialog/AuthProviderForm/AuthProviderForm.tsx        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/AuthProviderForm.tsx b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/AuthProviderForm.tsx
index 3a4411eaf5..af1ea5aefe 100644
--- a/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/AuthProviderForm.tsx
+++ b/webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/AuthProviderForm.tsx
@@ -17,7 +17,7 @@ interface Props {
   authenticate: boolean;
 }
 
-export const AuthProviderForm = observer<Props>(function AuthProviderForm({ provider, credentials, authenticate }) {
+export const AuthProviderForm = observer<Props>(function AuthProviderForm({ provider, configuration, credentials, authenticate }) {
   const [elementRef] = useFocus<HTMLDivElement>({ focusFirstChild: true });
 
   function handleProfileSelect() {
@@ -45,14 +45,14 @@ export const AuthProviderForm = observer<Props>(function AuthProviderForm({ prov
         parameter =>
           parameter.user && (
             <InputField
-              key={parameter.id}
+              key={`${provider.id}${configuration?.id ?? ''}${parameter.id}`}
               title={parameter.description}
               type={parameter.encryption === 'none' ? 'text' : 'password'}
               name={parameter.id}
               state={credentials.credentials}
               disabled={authenticate}
               canShowPassword={false}
-              autoComplete={`section-authentication section-${provider.id} ${parameter.id}`}
+              autoComplete={`section-authentication section-${provider.id} ${configuration?.id ?? ''} ${parameter.id}`}
             >
               {parameter.displayName}
             </InputField>