treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Reduce wasted renders for column_loading.js (#5021) 

* Reduce wasted renders for column_loading.js

* Use defaultProps
lolsob-rspec
Nolan Lawson 2017-09-20 10:58:44 -07:00 committed by Eugen Rochko
parent 88fd9f47fd
commit e03dd027b5
1 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/javascript/mastodon/features/ui/components/column_loading.js
View File

@ -3,17 +3,28 @@ import PropTypes from 'prop-types';
import Column from '../../../components/column'; import Column from '../../../components/column';
import ColumnHeader from '../../../components/column_header'; import ColumnHeader from '../../../components/column_header';
import ImmutablePureComponent from 'react-immutable-pure-component';
const ColumnLoading = ({ title = '', icon = ' ' }) => ( export default class ColumnLoading extends ImmutablePureComponent {
<Column>
<ColumnHeader icon={icon} title={title} multiColumn={false} focusable={false} />
<div className='scrollable' />
</Column>
);
ColumnLoading.propTypes = { static propTypes = {
title: PropTypes.node, title: PropTypes.oneOfType(PropTypes.node, PropTypes.string),
icon: PropTypes.string, icon: PropTypes.string,
}; };
export default ColumnLoading; static defaultProps = {
title: '',
icon: '',
};
render() {
let { title, icon } = this.props;
return (
<Column>
<ColumnHeader icon={icon} title={title} multiColumn={false} focusable={false} />
<div className='scrollable' />
</Column>
);
}
}