Fix new post fetching. Fixes #422

1 files changed, 9 insertions, 9 deletions

diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx
index 373889f9..9e7d690d 100644
--- a/ui/src/components/main.tsx
+++ b/ui/src/components/main.tsx
@@ -112,14 +112,7 @@ export class Main extends Component<any, MainState> {
     this.handleTypeChange = this.handleTypeChange.bind(this);
 
     this.subscription = WebSocketService.Instance.subject
-      .pipe(
-        retryWhen(errors =>
-          errors.pipe(
-            delay(3000),
-            take(10)
-          )
-        )
-      )
+      .pipe(retryWhen(errors => errors.pipe(delay(3000), take(10))))
       .subscribe(
         msg => this.parseMessage(msg),
         err => console.error(err),
@@ -429,7 +422,9 @@ export class Main extends Component<any, MainState> {
         ) : (
           <div>
             {this.selects()}
-            <PostListings posts={this.state.posts} showCommunity />
+            {this.state.posts && (
+              <PostListings posts={this.state.posts} showCommunity />
+            )}
             {this.paginator()}
           </div>
         )}
@@ -601,6 +596,11 @@ export class Main extends Component<any, MainState> {
       this.setState(this.state);
     } else if (op == UserOperation.GetPosts) {
       let res: GetPostsResponse = msg;
+
+      // This is needed to refresh the view
+      this.state.posts = undefined;
+      this.setState(this.state);
+
       this.state.posts = res.posts;
       this.state.loading = false;
       this.setState(this.state);