lemmy/ui/src/components/post-listings.tsx

48 lines
1.2 KiB
TypeScript
Raw Normal View History

import { Component } from 'inferno';
import { Link } from 'inferno-router';
import { Post } from '../interfaces';
import { PostListing } from './post-listing';
import { i18n } from '../i18next';
import { T } from 'inferno-i18next';
interface PostListingsProps {
posts: Array<Post>;
showCommunity?: boolean;
}
export class PostListings extends Component<PostListingsProps, any> {
constructor(props: any, context: any) {
super(props, context);
}
render() {
return (
<div>
{this.props.posts.length > 0 ? (
this.props.posts.map(post => (
<>
<PostListing
post={post}
showCommunity={this.props.showCommunity}
/>
<hr class="d-md-none my-2" />
<div class="d-none d-md-block my-2"></div>
</>
))
) : (
<>
2020-02-01 18:24:11 +00:00
<h5>
{ i18n.t('no_posts') }
2020-02-01 18:24:11 +00:00
</h5>
{this.props.showCommunity !== undefined && (
<div>
<Link to="/communities">{ i18n.t('subscribe_to_communities') }</Link>
</div>
)}
</>
)}
</div>
);
}
}