Consolidate zxcvbn progress bars into a component and add dynamic colour

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-05-14 18:49:55 +01:00
parent 8a9502a8cb
commit 09a4af49f3
7 changed files with 89 additions and 25 deletions

View file

@ -26,6 +26,7 @@ import Modal from '../../../../Modal';
import { promptForBackupPassphrase } from '../../../../CrossSigningManager';
import {copyNode} from "../../../../utils/strings";
import {SSOAuthEntry} from "../../../../components/views/auth/InteractiveAuthEntryComponents";
import ZxcvbnProgressBar from "../../../../components/views/elements/ZxcvbnProgressBar";
const PHASE_LOADING = 0;
const PHASE_LOADERROR = 1;
@ -529,7 +530,7 @@ export default class CreateSecretStorageDialog extends React.PureComponent {
</div>;
}
strengthMeter = <div>
<progress max={PASSWORD_MIN_SCORE} value={this.state.zxcvbnResult.score} />
<ZxcvbnProgressBar value={this.state.zxcvbnResult.score} />
</div>;
}