-import { Component, linkEvent } from 'inferno';
-import { SortType } from 'lemmy-js-client';
-import { sortingHelpUrl, randomStr } from '../utils';
-import { Icon } from './icon';
-import { i18n } from '../i18next';
+import { Component, linkEvent } from "inferno";
+import { SortType } from "lemmy-js-client";
+import { sortingHelpUrl, randomStr } from "../utils";
+import { Icon } from "./icon";
+import { i18n } from "../i18next";
interface SortSelectProps {
sort: SortType;
value={this.state.sort}
onChange={linkEvent(this, this.handleSortChange)}
class="custom-select w-auto mr-2 mb-2"
- aria-label={i18n.t('sort_type')}
+ aria-label={i18n.t("sort_type")}
>
<option disabled aria-hidden="true">
- {i18n.t('sort_type')}
+ {i18n.t("sort_type")}
</option>
{!this.props.hideHot && [
- <option value={SortType.Hot}>{i18n.t('hot')}</option>,
- <option value={SortType.Active}>{i18n.t('active')}</option>,
+ <option value={SortType.Hot}>{i18n.t("hot")}</option>,
+ <option value={SortType.Active}>{i18n.t("active")}</option>,
]}
- <option value={SortType.New}>{i18n.t('new')}</option>
+ <option value={SortType.New}>{i18n.t("new")}</option>
{!this.props.hideMostComments && [
<option value={SortType.MostComments}>
- {i18n.t('most_comments')}
+ {i18n.t("most_comments")}
</option>,
<option value={SortType.NewComments}>
- {i18n.t('new_comments')}
+ {i18n.t("new_comments")}
</option>,
]}
<option disabled aria-hidden="true">
─────
</option>
- <option value={SortType.TopDay}>{i18n.t('top_day')}</option>
- <option value={SortType.TopWeek}>{i18n.t('top_week')}</option>
- <option value={SortType.TopMonth}>{i18n.t('top_month')}</option>
- <option value={SortType.TopYear}>{i18n.t('top_year')}</option>
- <option value={SortType.TopAll}>{i18n.t('top_all')}</option>
+ <option value={SortType.TopDay}>{i18n.t("top_day")}</option>
+ <option value={SortType.TopWeek}>{i18n.t("top_week")}</option>
+ <option value={SortType.TopMonth}>{i18n.t("top_month")}</option>
+ <option value={SortType.TopYear}>{i18n.t("top_year")}</option>
+ <option value={SortType.TopAll}>{i18n.t("top_all")}</option>
</select>
<a
className="text-muted"
href={sortingHelpUrl}
rel="noopener"
- title={i18n.t('sorting_help')}
+ title={i18n.t("sorting_help")}
>
<Icon icon="help-circle" classes="icon-inline" />
</a>