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 { accessSecretStorage } from '../../../../CrossSigningManager';
import SettingsStore from '../../../../settings/SettingsStore';
import AccessibleButton from "../../../../components/views/elements/AccessibleButton";
import {copyNode} from "../../../../utils/strings";
import ZxcvbnProgressBar from "../../../../components/views/elements/ZxcvbnProgressBar";
const PHASE_PASSPHRASE = 0;
const PHASE_PASSPHRASE_CONFIRM = 1;
@ -276,7 +277,7 @@ export default class CreateKeyBackupDialog extends React.PureComponent {
</div>;
}
strengthMeter = <div>
<progress max={PASSWORD_MIN_SCORE} value={this.state.zxcvbnResult.score} />
<ZxcvbnProgressBar value={this.state.zxcvbnResult.score} />
</div>;
}