From 27fd4a4626b60368ae58fd2217e3143fb765f5dd Mon Sep 17 00:00:00 2001
From: Dessalines <dessalines@users.noreply.github.com>
Date: Mon, 1 Feb 2021 13:48:42 -0500
Subject: [PATCH] Add most commented (#159)

* Adding MostComments sort.

* Updating translations.
---
 src/shared/components/inbox.tsx       |  1 +
 src/shared/components/search.tsx      |  1 +
 src/shared/components/sort-select.tsx | 16 ++++++++++------
 src/shared/components/user.tsx        |  1 +
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/shared/components/inbox.tsx b/src/shared/components/inbox.tsx
index 6c6f5d90..1dae9fd0 100644
--- a/src/shared/components/inbox.tsx
+++ b/src/shared/components/inbox.tsx
@@ -292,6 +292,7 @@ export class Inbox extends Component<any, InboxState> {
           sort={this.state.sort}
           onChange={this.handleSortChange}
           hideHot
+          hideMostComments
         />
       </div>
     );
diff --git a/src/shared/components/search.tsx b/src/shared/components/search.tsx
index 65b1a78e..1cdd35f1 100644
--- a/src/shared/components/search.tsx
+++ b/src/shared/components/search.tsx
@@ -245,6 +245,7 @@ export class Search extends Component<any, SearchState> {
             sort={this.state.sort}
             onChange={this.handleSortChange}
             hideHot
+            hideMostComments
           />
         </span>
       </div>
diff --git a/src/shared/components/sort-select.tsx b/src/shared/components/sort-select.tsx
index f711703d..ef14a6e8 100644
--- a/src/shared/components/sort-select.tsx
+++ b/src/shared/components/sort-select.tsx
@@ -7,6 +7,7 @@ interface SortSelectProps {
   sort: SortType;
   onChange?(val: SortType): any;
   hideHot?: boolean;
+  hideMostComments?: boolean;
 }
 
 interface SortSelectState {
@@ -41,13 +42,16 @@ export class SortSelect extends Component<SortSelectProps, SortSelectState> {
           class="custom-select w-auto mr-2 mb-2"
         >
           <option disabled>{i18n.t('sort_type')}</option>
-          {!this.props.hideHot && (
-            <option value={SortType.Hot}>{i18n.t('hot')}</option>
-          )}
-          {!this.props.hideHot && (
-            <option value={SortType.Active}>{i18n.t('active')}</option>
-          )}
+          {!this.props.hideHot && [
+            <option value={SortType.Hot}>{i18n.t('hot')}</option>,
+            <option value={SortType.Active}>{i18n.t('active')}</option>,
+          ]}
           <option value={SortType.New}>{i18n.t('new')}</option>
+          {!this.props.hideMostComments && (
+            <option value={SortType.MostComments}>
+              {i18n.t('most_comments')}
+            </option>
+          )}
           <option disabled>─────</option>
           <option value={SortType.TopDay}>{i18n.t('top_day')}</option>
           <option value={SortType.TopWeek}>{i18n.t('top_week')}</option>
diff --git a/src/shared/components/user.tsx b/src/shared/components/user.tsx
index 43f872ce..e5cd9feb 100644
--- a/src/shared/components/user.tsx
+++ b/src/shared/components/user.tsx
@@ -382,6 +382,7 @@ export class User extends Component<any, UserState> {
           sort={this.state.sort}
           onChange={this.handleSortChange}
           hideHot
+          hideMostComments
         />
         <a
           href={`/feeds/u/${this.state.userName}.xml?sort=${this.state.sort}`}