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 } -

+ <${ Fragment }> +

+ 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 } +

+ ` }