Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Style 'failed to load' and 'failed to refresh' states of newsfeed

pull/10616/head
Alex P 2017-06-14 17:06:38 -07:00
parent db43bb5e9b
commit c801a1d63e
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/src/status/components/NewsFeed.js
View File

@ -19,7 +19,9 @@ class NewsFeed extends Component {
if (!hasCompletedFetchOnce) { if (!hasCompletedFetchOnce) {
return isFailed return isFailed
? <span>Failed to load NewsFeed.</span> ? <div className="graph-empty">
<p>Failed to load News Feed</p>
</div>
: // TODO: Factor this out of here and AutoRefresh : // TODO: Factor this out of here and AutoRefresh
<div className="graph-fetching"> <div className="graph-fetching">
<div className="graph-spinner" /> <div className="graph-spinner" />
@ -36,7 +38,11 @@ class NewsFeed extends Component {
<div /> <div />
</div> </div>
: null} : null}
{isFailed ? <span>Failed to refresh NewsFeed</span> : null} {isFailed
? <div className="graph-empty">
<p>Failed to refresh News Feed</p>
</div>
: null}
<JSONFeedReader data={data} /> <JSONFeedReader data={data} />
</FancyScrollbar> </FancyScrollbar>
) )