diff options
author | Dessalines <tyhou13@gmx.com> | 2020-02-02 13:50:44 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-02-02 13:50:44 -0500 |
commit | ac943f8951fe7da86aaa9f41ee879ab670786c86 (patch) | |
tree | c8aabdada00514135c35d2aa9be6890a95bac743 /ui/src/components/search.tsx | |
parent | 23daba54b4dbc3220effaa5d55042db5398cde43 (diff) |
Finishing up interpolation rework.
Diffstat (limited to 'ui/src/components/search.tsx')
-rw-r--r-- | ui/src/components/search.tsx | 45 |
1 files changed, 13 insertions, 32 deletions
diff --git a/ui/src/components/search.tsx b/ui/src/components/search.tsx index e3789d5a..3acb7167 100644 --- a/ui/src/components/search.tsx +++ b/ui/src/components/search.tsx @@ -12,7 +12,7 @@ import { SearchForm, SearchResponse, SearchType, - CreatePostLikeResponse, + PostResponse, CommentResponse, WebSocketJsonResponse, } from '../interfaces'; @@ -30,7 +30,6 @@ import { PostListing } from './post-listing'; import { SortSelect } from './sort-select'; import { CommentNodes } from './comment-nodes'; import { i18n } from '../i18next'; -import { T } from 'inferno-i18next'; interface SearchState { q: string; @@ -126,9 +125,7 @@ export class Search extends Component<any, SearchState> { render() { return ( <div class="container"> - <h5> - { i18n.t('search') } - </h5> + <h5>{i18n.t('search')}</h5> {this.selects()} {this.searchForm()} {this.state.type_ == SearchType.All && this.all()} @@ -163,9 +160,7 @@ export class Search extends Component<any, SearchState> { <use xlinkHref="#icon-spinner"></use> </svg> ) : ( - <span> - { i18n.t('search') } - </span> + <span>{i18n.t('search')}</span> )} </button> </form> @@ -180,24 +175,14 @@ export class Search extends Component<any, SearchState> { onChange={linkEvent(this, this.handleTypeChange)} class="custom-select custom-select-sm w-auto" > - <option disabled> - { i18n.t('type') } - </option> - <option value={SearchType.All}> - { i18n.t('all') } - </option> - <option value={SearchType.Comments}> - { i18n.t('comments') } - </option> - <option value={SearchType.Posts}> - { i18n.t('posts') } - </option> + <option disabled>{i18n.t('type')}</option> + <option value={SearchType.All}>{i18n.t('all')}</option> + <option value={SearchType.Comments}>{i18n.t('comments')}</option> + <option value={SearchType.Posts}>{i18n.t('posts')}</option> <option value={SearchType.Communities}> - { i18n.t('communities') } - </option> - <option value={SearchType.Users}> - { i18n.t('users') } + {i18n.t('communities')} </option> + <option value={SearchType.Users}>{i18n.t('users')}</option> </select> <span class="ml-2"> <SortSelect @@ -383,14 +368,14 @@ export class Search extends Component<any, SearchState> { class="btn btn-sm btn-secondary mr-1" onClick={linkEvent(this, this.prevPage)} > - { i18n.t('prev') } + {i18n.t('prev')} </button> )} <button class="btn btn-sm btn-secondary" onClick={linkEvent(this, this.nextPage)} > - { i18n.t('next') } + {i18n.t('next')} </button> </div> ); @@ -404,11 +389,7 @@ export class Search extends Component<any, SearchState> { res.posts.length == 0 && res.comments.length == 0 && res.communities.length == 0 && - res.users.length == 0 && ( - <span> - { i18n.t('no_results') } - </span> - )} + res.users.length == 0 && <span>{i18n.t('no_results')}</span>} </div> ); } @@ -506,7 +487,7 @@ export class Search extends Component<any, SearchState> { } this.setState(this.state); } else if (res.op == UserOperation.CreatePostLike) { - let data = res.data as CreatePostLikeResponse; + let data = res.data as PostResponse; let found = this.state.searchResponse.posts.find( c => c.id == data.post.id ); |