diff --git a/frontend/scenes/Dashboard/Dashboard.js b/frontend/scenes/Dashboard/Dashboard.js index 326ba5423..dbbc805c6 100644 --- a/frontend/scenes/Dashboard/Dashboard.js +++ b/frontend/scenes/Dashboard/Dashboard.js @@ -1,5 +1,5 @@ // @flow -import React from 'react'; +import React, { Component } from 'react'; import { observable } from 'mobx'; import { observer, inject } from 'mobx-react'; import styled from 'styled-components'; @@ -26,9 +26,9 @@ type Props = { documents: DocumentsStore, }; -@observer class Dashboard extends React.Component { +@observer class Dashboard extends Component { props: Props; - @observable isLoaded = false; + @observable isLoaded: boolean = false; componentDidMount() { this.loadContent(); @@ -43,25 +43,27 @@ type Props = { }; render() { + const { documents } = this.props; + const recentlyViewedLoaded = documents.recentlyViewed.length > 0; + const recentlyEditedLoaded = documents.recentlyEdited.length > 0; + const showContent = + this.isLoaded || (recentlyViewedLoaded && recentlyEditedLoaded); + return (

Home

- {this.isLoaded + {showContent ? - {this.props.documents.recentlyViewed.length > 0 && + {recentlyViewedLoaded && Recently viewed - + } - {this.props.documents.recentlyEdited.length > 0 && + {recentlyEditedLoaded && Recently edited - + } : }