opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-10-12 23:37:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(plugin-authentication): outdated code

Browse Source 
CB-124
This commit is contained in:
Wroud
2020-07-17 14:15:45 +03:00
parent 33bcabd4ce
commit 3c5d12f8b9
1 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/plugin-authentication/src/Dialog/AuthProviderForm/AuthProviderForm.tsx
+19 -20
View File
@@ -10,7 +10,7 @@ import { observer } from 'mobx-react';
import { useCallback } from 'react';
import styled from 'reshadow';
import { InputField, InFocus } from '@cloudbeaver/core-blocks';
import { InputField, useFocus } from '@cloudbeaver/core-blocks';
import { useStyles } from '@cloudbeaver/core-theming';
import { AuthProvider } from '../../AuthProvidersResource';
@@ -27,29 +27,28 @@ export const AuthProviderForm = observer(function AuthProviderForm({
credentials,
authenticate,
}: Props) {
const [elementRef] = useFocus({ focusFirstChild: true });
const handleChange = useCallback((key: string, value: string) => {
credentials[key] = value;
}, [credentials]);
return styled(useStyles(formStyles))(
<InFocus>
<login-form as='div'>
{provider.credentialParameters.map(parameter => parameter.user && (
<group as="div" key={parameter.id}>
<InputField
type={parameter.encryption === 'none' ? 'text' : 'password'}
name={`authentication_${provider.id}_${parameter.id}`}
value={credentials[parameter.id]}
onChange={value => handleChange(parameter.id, value)}
disabled={authenticate}
autoComplete={`section-authentication section-${provider.id} ${parameter.id}`}
mod='surface'
>
{parameter.displayName}
</InputField>
</group>
))}
</login-form>
</InFocus>
<login-form as='div' ref={elementRef as React.RefObject<HTMLDivElement>}>
{provider.credentialParameters.map(parameter => parameter.user && (
<group as="div" key={parameter.id}>
<InputField
type={parameter.encryption === 'none' ? 'text' : 'password'}
name={`authentication_${provider.id}_${parameter.id}`}
value={credentials[parameter.id]}
onChange={value => handleChange(parameter.id, value)}
disabled={authenticate}
autoComplete={`section-authentication section-${provider.id} ${parameter.id}`}
mod='surface'
>
{parameter.displayName}
</InputField>
</group>
))}
</login-form>
);
});