28 lines
701 B
JavaScript
28 lines
701 B
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
import { randomIntFromInterval, generateText } from '../utils';
|
||
|
|
|
||
|
|
export default class DisplayName extends React.Component {
|
||
|
|
|
||
|
|
static propTypes = {
|
||
|
|
maxLength: PropTypes.number.isRequired,
|
||
|
|
minLength: PropTypes.number.isRequired,
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { maxLength, minLength } = this.props;
|
||
|
|
const length = randomIntFromInterval(maxLength, minLength);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<span className='display-name'>
|
||
|
|
<span>
|
||
|
|
<span className='display-name__name'>
|
||
|
|
<bdi><strong className='display-name__html'>{generateText(length)}</strong></bdi>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|