From 53776a3fc5e12ad35e333e2694fc83da0edabf01 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Wed, 25 Mar 2020 17:34:56 +0800
Subject: [PATCH] [system admin] libraries: added 'initial sort icon' for
 'Files/Size' (#4501)

---
 frontend/src/pages/sys-admin/repos/repos.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/sys-admin/repos/repos.js b/frontend/src/pages/sys-admin/repos/repos.js
index 52ec62d0a3..04de30e130 100644
--- a/frontend/src/pages/sys-admin/repos/repos.js
+++ b/frontend/src/pages/sys-admin/repos/repos.js
@@ -65,6 +65,7 @@ class Content extends Component {
           <h2>{gettext('No libraries')}</h2>
         </EmptyTip>
       );
+      const initialSortIcon = <span className="fas fa-sort"></span>;
       const sortIcon = <span className="fas fa-caret-down"></span>;
       const table = (
         <Fragment>
@@ -76,8 +77,8 @@ class Content extends Component {
                 <th width="15%">
                   {sortBy != undefined ? 
                     <Fragment>
-                      <a className="d-inline-block table-sort-op" href="#" onClick={this.sortByFileCount}>{gettext('Files')} {sortBy == 'file_count' && sortIcon}</a>{' / '}
-                      <a className="d-inline-block table-sort-op" href="#" onClick={this.sortBySize}>{gettext('Size')} {sortBy == 'size' && sortIcon}</a>
+                      <a className="d-inline-block table-sort-op" href="#" onClick={this.sortByFileCount}>{gettext('Files')} {sortBy == 'file_count' ? sortIcon : initialSortIcon}</a>{' / '}
+                      <a className="d-inline-block table-sort-op" href="#" onClick={this.sortBySize}>{gettext('Size')} {sortBy == 'size' ? sortIcon : initialSortIcon}</a>
                     </Fragment> :
                     gettext('Files') / gettext('Size')
                   }