33 lines
880 B
JavaScript
33 lines
880 B
JavaScript
|
import { CX } from '../../constants'
|
||
|
|
import { getRandomInt } from '../../utils/numbers'
|
||
|
|
import PlaceholderLayout from './placeholder_layout'
|
||
|
|
|
||
|
|
export default class CommentPlaceholder extends PureComponent {
|
||
|
|
|
||
|
|
static propTypes = {
|
||
|
|
isLast: PropTypes.bool,
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const classes = CX({
|
||
|
|
default: 1,
|
||
|
|
px15: 1,
|
||
|
|
py10: 1,
|
||
|
|
})
|
||
|
|
|
||
|
|
const width = getRandomInt(200, 350)
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className={classes}>
|
||
|
|
<PlaceholderLayout viewBox='0 0 400 52'>
|
||
|
|
<rect x='27' y='0' rx='4' ry='4' width={width} height='40' />
|
||
|
|
<circle cx='10' cy='11' r='10' />
|
||
|
|
<rect x='30' y='45' rx='4' ry='4' width='24' height='6' />
|
||
|
|
<rect x='62' y='45' rx='4' ry='4' width='28' height='6' />
|
||
|
|
<rect x='98' y='45' rx='4' ry='4' width='18' height='6' />
|
||
|
|
</PlaceholderLayout>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|