From 9a0b84be3d3229d83094fee8a50b3c5073441f98 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Sun, 13 Nov 2022 16:17:38 +0300
Subject: [PATCH] Minor header controls fixes

---
 src/components/Nav/Header.module.scss |  3 ++-
 src/components/Nav/Header.tsx         | 24 ++++++++++++++----------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index a7218721..f683397b 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -118,6 +118,7 @@
 
 .usernav {
   display: inline-flex;
+  font-weight: 500;
   padding-right: 0;
   position: relative;
   width: auto;
@@ -484,7 +485,7 @@
   }
 }
 
-.userControlItemWritePost {
+.userControlItemVerbose {
   @include media-breakpoint-up(lg) {
     width: auto;
 
diff --git a/src/components/Nav/Header.tsx b/src/components/Nav/Header.tsx
index f87c6825..4d91678f 100644
--- a/src/components/Nav/Header.tsx
+++ b/src/components/Nav/Header.tsx
@@ -148,20 +148,22 @@ export const Header = (props: Props) => {
           </div>
           <div class={styles.usernav}>
             <div class={clsx(styles.userControl, styles.userControl, 'col')}>
-              <div class={clsx(styles.userControlItem, styles.userControlItemWritePost)}>
+              <div class={clsx(styles.userControlItem, styles.userControlItemVerbose)}>
                 <a href="/create" onClick={handleClientRouteLinkClick}>
                   <span class={styles.textLabel}>{t('Create post')}</span>
                   <Icon name="pencil" class={styles.icon} />
                 </a>
               </div>
 
-              <div class={styles.userControlItem}>
-                <a href="#" onClick={handleBellIconClick}>
-                  <div>
-                    <Icon name="bell-white" counter={authorized() ? warnings().length : 1} />
-                  </div>
-                </a>
-              </div>
+              <Show when={authorized()}>
+                <div class={styles.userControlItem}>
+                  <a href="#" onClick={handleBellIconClick}>
+                    <div>
+                      <Icon name="bell-white" counter={authorized() ? warnings().length : 1} />
+                    </div>
+                  </a>
+                </div>
+              </Show>
 
               <Show when={visibleWarnings()}>
                 <div class={clsx(styles.userControlItem, 'notifications')}>
@@ -172,9 +174,11 @@ export const Header = (props: Props) => {
               <Show
                 when={authorized()}
                 fallback={
-                  <div class={clsx(styles.userControlItem, 'loginbtn')}>
+                  <div class={clsx(styles.userControlItem, styles.userControlItemVerbose, 'loginbtn')}>
                     <a href="?modal=auth&mode=login" onClick={handleClientRouteLinkClick}>
-                      <Icon name="user-anonymous" />
+                      <span class={styles.textLabel}>{t('Enter')}</span>
+                      {/* TODO: заменить иконку */}
+                      <Icon name="inbox-white" class={styles.icon} counter={session()?.news?.unread || 0} />
                     </a>
                   </div>
                 }