30 lines
952 B
JavaScript
30 lines
952 B
JavaScript
import React from 'react';
|
|
import PlaceholderAvatar from './placeholder_avatar';
|
|
import PlaceholderDisplayName from './placeholder_display_name';
|
|
import { randomIntFromInterval, generateText } from '../utils';
|
|
|
|
export default class PlaceholderAccount extends React.Component {
|
|
|
|
render() {
|
|
const messageLength = randomIntFromInterval(5, 75);
|
|
|
|
return (
|
|
<div className='chat-list-item chat-list-item--placeholder'>
|
|
<div className='account'>
|
|
<div className='account__wrapper'>
|
|
<div className='account__display-name'>
|
|
<div className='account__avatar-wrapper'>
|
|
<PlaceholderAvatar size={36} />
|
|
</div>
|
|
<PlaceholderDisplayName minLength={3} maxLength={25} />
|
|
<span className='chat__last-message'>
|
|
{generateText(messageLength)}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|