ui/src/components/post-listings.tsx

   1 import { Component } from 'inferno';
   2 import { Link } from 'inferno-router';
   3 import { Post } from '../interfaces';
   4 import { PostListing } from './post-listing';
   5 import { T } from 'inferno-i18next';
   6
   7 interface PostListingsProps {
   8   posts: Array<Post>;
   9   showCommunity?: boolean;
  10 }
  11
  12 export class PostListings extends Component<PostListingsProps, any> {
  13   constructor(props: any, context: any) {
  14     super(props, context);
  15   }
  16
  17   render() {
  18     return (
  19       <div>
  20         {this.props.posts.length > 0 ? (
  21           this.props.posts.map(post => (
  22             <>
  23               <PostListing
  24                 post={post}
  25                 showCommunity={this.props.showCommunity}
  26               />
  27               <hr class="d-md-none my-2" />
  28               <div class="d-none d-md-block my-2"></div>
  29             </>
  30           ))
  31         ) : (
  32           <>
  33             <div>
  34               <T i18nKey="no_posts">#</T>
  35             </div>
  36             {this.props.showCommunity !== undefined && (
  37               <div>
  38                 <T i18nKey="subscribe_to_communities">
  39                   #<Link to="/communities">#</Link>
  40                 </T>
  41               </div>
  42             )}
  43           </>
  44         )}
  45       </div>
  46     );
  47   }
  48 }