Merge remote-tracking branch 'k/spinner-on-load' into node-side-in-ts

pull/2242/head
Audric Ackermann 3 years ago
commit 1e713de511
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4

@ -6,11 +6,13 @@ import { withTheme } from 'styled-components';
import autoBind from 'auto-bind';
import { SessionButton, SessionButtonColor, SessionButtonType } from './basic/SessionButton';
import { Constants } from '../session';
import { SessionSpinner } from './basic/SessionSpinner';
interface State {
error: string;
errorCount: number;
clearDataView: boolean;
loading: boolean;
}
export const MAX_LOGIN_TRIES = 3;
@ -25,6 +27,7 @@ class SessionPasswordPromptInner extends React.PureComponent<{}, State> {
error: '',
errorCount: 0,
clearDataView: false,
loading: false,
};
autoBind(this);
@ -84,6 +87,7 @@ class SessionPasswordPromptInner extends React.PureComponent<{}, State> {
)}
</div>
);
const spinner = this.state.loading ? <SessionSpinner loading={true} /> : null;
return (
<div className="password">
@ -95,7 +99,7 @@ class SessionPasswordPromptInner extends React.PureComponent<{}, State> {
<h1>{infoTitle}</h1>
</div>
{featureElement}
{spinner || featureElement}
{errorSection}
{buttonGroup}
</div>
@ -127,9 +131,15 @@ class SessionPasswordPromptInner extends React.PureComponent<{}, State> {
this.setState({ error });
}
this.setState({
loading: false,
});
}
private async initLogin() {
this.setState({
loading: true,
});
const passPhrase = String((this.inputRef as HTMLInputElement).value);
await this.onLogin(passPhrase);
}

Loading…
Cancel
Save