Add loading indicators.

diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx
index 0a7a31e5928128cb141c2c713352966e79c637a4..513c75d07bef580d04d90c5c114a5c224dbf6311 100644 (file)
--- a/ui/src/components/main.tsx
+++ b/ui/src/components/main.tsx
@@ -354,6 +354,7 @@ export class Main extends Component<any, MainState> {
 
   nextPage(i: Main) { 
     i.state.page++;
+    i.state.loading = true;
     i.setState(i.state);
     i.updateUrl();
     i.fetchPosts();
@@ -361,6 +362,7 @@ export class Main extends Component<any, MainState> {
 
   prevPage(i: Main) { 
     i.state.page--;
+    i.state.loading = true;
     i.setState(i.state);
     i.updateUrl();
     i.fetchPosts();
@@ -369,6 +371,7 @@ export class Main extends Component<any, MainState> {
   handleSortChange(i: Main, event: any) {
     i.state.sort = Number(event.target.value);
     i.state.page = 1;
+    i.state.loading = true;
     i.setState(i.state);
     i.updateUrl();
     i.fetchPosts();
@@ -377,6 +380,7 @@ export class Main extends Component<any, MainState> {
   handleTypeChange(i: Main, event: any) {
     i.state.type_ = Number(event.target.value);
     i.state.page = 1;
+    i.state.loading = true;
     i.setState(i.state);
     i.updateUrl();
     i.fetchPosts();