diff --git a/source/components/passphrase-generator.js b/source/components/passphrase-generator.js index 34a95e7..183c632 100644 --- a/source/components/passphrase-generator.js +++ b/source/components/passphrase-generator.js @@ -2,7 +2,7 @@ * WordPress dependencies */ const { Card, CardHeader, CardBody, Notice, RangeControl } = wp.components; -const { Component } = wp.element; +const { Component, Fragment } = wp.element; const html = wp.html; const { shuffle } = lodash; @@ -56,33 +56,35 @@ export class PassphraseGenerator extends Component { ` } ${ dependenciesAvailable && html` -
- This will show a mix of imported ES and CommonJS modules (with dependencies), for additional testing. -
- - <${ RangeControl } - label="Number of Words" - marks=${ true } - max=10 - min=3 - value=${ numberOfWords } - onChange=${ value => this.generate( value ) } - /> - -- Passphrase: ${ passphrase } -
- -- Strength: ${ ' ' } - - ${ strength } - -
- -
- argon2 hash: ${ hash }
-
+ This will show a mix of imported ES and CommonJS modules (with dependencies), for additional testing. +
+ + <${ RangeControl } + label="Number of Words" + marks=${ true } + max=10 + min=3 + value=${ numberOfWords } + onChange=${ value => this.generate( value ) } + /> + ++ Passphrase: ${ passphrase } +
+ ++ Strength: ${ ' ' } + + ${ strength } + +
+ +
+ argon2 hash: ${ hash }
+