diff options
author | Dessalines <tyhou13@gmx.com> | 2020-02-15 20:29:57 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-02-15 20:29:57 -0500 |
commit | 4b0a55144f3d0f5d468cc17f39218dcaa010a71f (patch) | |
tree | c44b297a76142b677b5c24af680e977880bca056 /ui | |
parent | 83d17b2643f1c9d56f2338cb244d857eddaf1fb4 (diff) |
Some front end fixes.
Diffstat (limited to 'ui')
-rw-r--r-- | ui/src/components/community.tsx | 6 | ||||
-rw-r--r-- | ui/src/components/main.tsx | 4 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 25 |
3 files changed, 23 insertions, 12 deletions
diff --git a/ui/src/components/community.tsx b/ui/src/components/community.tsx index e28c99bc..67386469 100644 --- a/ui/src/components/community.tsx +++ b/ui/src/components/community.tsx @@ -136,6 +136,7 @@ export class Community extends Component<any, State> { render() { return ( <div class="container"> + {this.selects()} {this.state.loading ? ( <h5> <svg class="icon icon-spinner spin"> @@ -158,7 +159,6 @@ export class Community extends Component<any, State> { </small> )} </h5> - {this.selects()} {this.listings()} {this.paginator()} </div> @@ -200,7 +200,7 @@ export class Community extends Component<any, State> { onChange={this.handleDataTypeChange} /> - <span class="mx-2"> + <span class="mx-3"> <SortSelect sort={this.state.sort} onChange={this.handleSortChange} /> </span> <a @@ -209,7 +209,7 @@ export class Community extends Component<any, State> { }`} target="_blank" > - <svg class="icon mx-2 text-muted small"> + <svg class="icon text-muted small"> <use xlinkHref="#icon-rss">#</use> </svg> </a> diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx index c8e132f7..87a2fb66 100644 --- a/ui/src/components/main.tsx +++ b/ui/src/components/main.tsx @@ -386,6 +386,7 @@ export class Main extends Component<any, MainState> { posts() { return ( <div class="main-content-wrapper"> + {this.selects()} {this.state.loading ? ( <h5> <svg class="icon icon-spinner spin"> @@ -394,7 +395,6 @@ export class Main extends Component<any, MainState> { </h5> ) : ( <div> - {this.selects()} {this.listings()} {this.paginator()} </div> @@ -428,7 +428,7 @@ export class Main extends Component<any, MainState> { type_={this.state.dataType} onChange={this.handleDataTypeChange} /> - <span class="mx-2"> + <span class="mx-3"> <ListingTypeSelect type_={this.state.listingType} onChange={this.handleListingTypeChange} diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 41cd6675..d3772544 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -171,13 +171,24 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <div className="ml-4"> <div className="post-title"> <h5 className="mb-0 d-inline"> - <Link - className="text-body" - to={`/post/${post.id}`} - title={i18n.t('comments')} - > - {post.name} - </Link> + {this.props.showBody && post.url ? ( + <a + className="text-body" + href={post.url} + target="_blank" + title={post.url} + > + {post.name} + </a> + ) : ( + <Link + className="text-body" + to={`/post/${post.id}`} + title={i18n.t('comments')} + > + {post.name} + </Link> + )} </h5> {post.url && ( <small class="d-inline-block"> |