From b85ca4b488498c6a22371d62766fb3a2d01c4c29 Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Sat, 12 May 2018 23:17:29 +0300
Subject: [PATCH] show sort control for signed out users

---
 .../__column/auth-panel__column.scss          |  1 +
 .../_logged-in/auth-panel_logged-in.scss      |  7 ++++-
 web/app/components/auth-panel/auth-panel.jsx  | 26 ++++++++-----------
 web/app/components/auth-panel/auth-panel.scss |  1 -
 4 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/web/app/components/auth-panel/__column/auth-panel__column.scss b/web/app/components/auth-panel/__column/auth-panel__column.scss
index 3dadbf14..fa430522 100644
--- a/web/app/components/auth-panel/__column/auth-panel__column.scss
+++ b/web/app/components/auth-panel/__column/auth-panel__column.scss
@@ -1,6 +1,7 @@
 .auth-panel__column {
   &:nth-child(1) {
     overflow: hidden;
+    font-weight: 700;
     text-overflow: ellipsis;
   }
 
diff --git a/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss b/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss
index a47051c6..758c7d36 100644
--- a/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss
+++ b/web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss
@@ -1,4 +1,9 @@
 .auth-panel_logged-in {
   font-size: 12px;
-  font-weight: 400;
+
+  .auth-panel__column {
+    &:first-child {
+      font-weight: 400;
+    }
+  }
 }
diff --git a/web/app/components/auth-panel/auth-panel.jsx b/web/app/components/auth-panel/auth-panel.jsx
index 20859d48..534d437a 100644
--- a/web/app/components/auth-panel/auth-panel.jsx
+++ b/web/app/components/auth-panel/auth-panel.jsx
@@ -88,21 +88,17 @@ export default class AuthPanel extends Component {
 
           {user.admin && ' • '}
 
-          {
-            !!user.id && (
-              <span className="auth-panel__sort">
-                Sort by
-                {' '}
-                <select className="auth-panel__select" onChange={this.onSortChange}>
-                  {
-                    sortArray.map(sort => (
-                      <option value={sort.value} selected={sort.selected}>{sort.label}</option>
-                    ))
-                  }
-                </select>
-              </span>
-            )
-          }
+          <span className="auth-panel__sort">
+            Sort by
+            {' '}
+            <select className="auth-panel__select" onChange={this.onSortChange}>
+              {
+                sortArray.map(sort => (
+                  <option value={sort.value} selected={sort.selected}>{sort.label}</option>
+                ))
+              }
+            </select>
+          </span>
         </div>
       </div>
     );
diff --git a/web/app/components/auth-panel/auth-panel.scss b/web/app/components/auth-panel/auth-panel.scss
index a5749217..03c6138a 100644
--- a/web/app/components/auth-panel/auth-panel.scss
+++ b/web/app/components/auth-panel/auth-panel.scss
@@ -2,6 +2,5 @@
   display: flex;
   justify-content: space-between;
   font-size: 14px;
-  font-weight: 700;
   line-height: 16px;
 }