r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Do not empty table when fetching new data

Browse source
This commit is contained in:
Andrew Nicolaou 2019-09-11 21:13:34 +02:00
parent cf3c13266d
commit a0384f166a
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/modules/IDE/components/CollectionList/CollectionList.jsx
View file

@ -28,6 +28,18 @@ class CollectionList extends React.Component {
this.props.getCollections(this.props.username);
this.props.resetSorting();
this._renderFieldHeader = this._renderFieldHeader.bind(this);
this.state = {
hasLoadedData: false,
};
}
componentDidUpdate(prevProps) {
if (prevProps.loading === true && this.props.loading === false) {
this.setState({
hasLoadedData: true,
});
}
}
getTitle() {
@ -38,11 +50,11 @@ class CollectionList extends React.Component {
}
hasCollections() {
return !this.props.loading && this.props.collections.length > 0;
return (!this.props.loading || this.state.hasLoadedData) && this.props.collections.length > 0;
}
_renderLoader() {
if (this.props.loading) return <Loader />;
if (this.props.loading && !this.state.hasLoadedData) return <Loader />;
return null;
}
@ -78,7 +90,7 @@ class CollectionList extends React.Component {
const username = this.props.username !== undefined ? this.props.username : this.props.user.username;
return (
<div className="sketches-table-container">
<div className={`sketches-table-container ${this.props.addMode ? 'sketches-table-container--fixed' : ''}`}>
<Helmet>
<title>{this.getTitle()}</title>
</Helmet>