diff --git a/ui/src/components/home.tsx b/ui/src/components/home.tsx index 8fced5be6..eff09f7e1 100644 --- a/ui/src/components/home.tsx +++ b/ui/src/components/home.tsx @@ -1,12 +1,20 @@ import { Component } from 'inferno'; import { Main } from './main'; +import { ListingType } from '../interfaces'; export class Home extends Component { + constructor(props: any, context: any) { + super(props, context); + } + render() { return ( -
+
) } + listType(): ListingType { + return (this.props.match.path == '/all') ? ListingType.All : ListingType.Subscribed; + } } diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx index e3d6f8442..6e0b96b6b 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; trendingCommunities: Array; site: GetSiteResponse; loading: boolean; } -export class Main extends Component { +export class Main extends Component { private subscription: Subscription; - private emptyState: State = { + private emptyState: MainState = { subscribedCommunities: [], trendingCommunities: [], site: { @@ -83,7 +88,7 @@ export class Main extends Component {
- +
{this.state.loading ? diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx index fed49e6fd..5fc6ed7e9 100644 --- a/ui/src/components/navbar.tsx +++ b/ui/src/components/navbar.tsx @@ -71,7 +71,7 @@ export class Navbar extends Component { {
  • 🖂 - {this.state.unreadCount> 0 && {this.state.unreadCount}} + {this.state.unreadCount> 0 && {this.state.unreadCount}}
  • } diff --git a/ui/src/components/post-listings.tsx b/ui/src/components/post-listings.tsx index b1e48a61c..37b7a648b 100644 --- a/ui/src/components/post-listings.tsx +++ b/ui/src/components/post-listings.tsx @@ -8,6 +8,7 @@ import { PostListing } from './post-listing'; import { msgOp, fetchLimit } from '../utils'; interface PostListingsProps { + type?: ListingType; communityId?: number; } @@ -27,19 +28,19 @@ export class PostListings extends Component {
    +