gab-social/app/javascript/gabsocial/components/placeholder/comment_placeholder.js

31 lines
885 B
JavaScript

import React from 'react'
import PropTypes from 'prop-types'
import { CX } from '../../constants'
import { getRandomInt } from '../../utils/numbers'
import PlaceholderLayout from './placeholder_layout'
export default class CommentPlaceholder extends React.PureComponent {
render() {
const classes = CX({
d: 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>
)
}
}