Adding support for an /all route

- Fixes #85

1 files changed, 10 insertions, 5 deletions

diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx
index e3d6f844..6e0b96b6 100644
--- a/ui/src/components/main.tsx
+++ b/ui/src/components/main.tsx
@@ -2,22 +2,27 @@ import { Component } from 'inferno';
 import { Link } from 'inferno-router';
 import { Subscription } from "rxjs";
 import { retryWhen, delay, take } from 'rxjs/operators';
-import { UserOperation, CommunityUser, GetFollowedCommunitiesResponse, ListCommunitiesForm, ListCommunitiesResponse, Community, SortType, GetSiteResponse, GetRepliesResponse, GetRepliesForm } from '../interfaces';
+import { UserOperation, CommunityUser, GetFollowedCommunitiesResponse, ListCommunitiesForm, ListCommunitiesResponse, Community, SortType, GetSiteResponse, GetRepliesResponse, GetRepliesForm, ListingType } from '../interfaces';
 import { WebSocketService, UserService } from '../services';
 import { PostListings } from './post-listings';
 import { msgOp, repoUrl, mdToHtml } from '../utils';
 
-interface State {
+
+interface MainProps {
+  type: ListingType;
+}
+
+interface MainState {
   subscribedCommunities: Array<CommunityUser>;
   trendingCommunities: Array<Community>;
   site: GetSiteResponse;
   loading: boolean;
 }
 
-export class Main extends Component<any, State> {
+export class Main extends Component<MainProps, MainState> {
 
   private subscription: Subscription;
-  private emptyState: State = {
+  private emptyState: MainState = {
     subscribedCommunities: [],
     trendingCommunities: [],
     site: {
@@ -83,7 +88,7 @@ export class Main extends Component<any, State> {
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-8">
-            <PostListings />
+            <PostListings type={this.props.type} />
           </div>
           <div class="col-12 col-md-4">
             {this.state.loading ?