40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import PlaceholderAvatar from './placeholder_avatar';
|
|
import PlaceholderDisplayName from './placeholder_display_name';
|
|
import PlaceholderStatusContent from './placeholder_status_content';
|
|
|
|
export default class PlaceholderStatus extends React.Component {
|
|
|
|
shouldComponentUpdate() {
|
|
// Re-rendering this will just cause the random lengths to jump around.
|
|
// There's basically no reason to ever do it.
|
|
return false;
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className='placeholder-status'>
|
|
<div className='status__wrapper'>
|
|
<div className='status'>
|
|
<div className='status__info'>
|
|
<div className='status__profile'>
|
|
<div className='status__avatar'>
|
|
<PlaceholderAvatar size={48} />
|
|
</div>
|
|
<span className='status__display-name'>
|
|
<PlaceholderDisplayName minLength={3} maxLength={25} />
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<PlaceholderStatusContent minLength={5} maxLength={120} />
|
|
|
|
{/* TODO */}
|
|
{/* <PlaceholderActionBar /> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|