show loading indicator

Author: icewind1991

build/main.css

@@ -10,3 +10,10 @@
 #log-section {
 	display: none; /** we overwrite this */
 }
+
+.log-loading {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}

build/main.css.map

@@ -22,7 +22,7 @@ import styles from '../css/app.css';
 export class App extends Component {
 	state = {
 		entries: [],
-		loading: false,
+		loading: true,
 		levels: [false, false, false, false, false],
 		provider: null,
 		relative: true,
@@ -52,7 +52,8 @@ export class App extends Component {
 			dateFormat,
 			provider: this.logProvider
 		});
-		this.logProvider.load();
+		await this.logProvider.load();
+		this.setState({loading: false});
 	}
 
 	fetchNextPage = _.throttle(async () => {
@@ -129,6 +130,8 @@ export class App extends Component {
 						dateFormat={this.state.dateFormat}/>
 				</div>
 			</ReactScrolla>
+		} else if (this.state.loading) {
+			content = <div className="loading log-loading"/>
 		} else {
 			content = <div className="emptycontent">
 				<div className="icon-filetype-text"/>