From cd803f1f07164e42291d2cbc7a08af68a94c7772 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 4 Oct 2022 13:41:03 +0300
Subject: [PATCH] Changed css classes to css-module in the Private component

---
 src/components/Nav/Private.module.scss |  4 ++--
 src/components/Nav/Private.tsx         | 15 ++++++++-------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/Nav/Private.module.scss b/src/components/Nav/Private.module.scss
index 817935d1..dbe7bb26 100644
--- a/src/components/Nav/Private.module.scss
+++ b/src/components/Nav/Private.module.scss
@@ -75,7 +75,7 @@
     width: auto;
   }
 
-  .text-label {
+  .textLabel {
     display: none;
   }
 }
@@ -86,7 +86,7 @@
       display: none;
     }
 
-    .text-label {
+    .textLabel {
       display: inline;
     }
   }
diff --git a/src/components/Nav/Private.tsx b/src/components/Nav/Private.tsx
index b3441a95..0c0962ce 100644
--- a/src/components/Nav/Private.tsx
+++ b/src/components/Nav/Private.tsx
@@ -1,28 +1,29 @@
 import type { Author } from '../../graphql/types.gen'
 import Userpic from '../Author/Userpic'
 import { Icon } from './Icon'
-import './Private.module.scss'
+import styles from './Private.module.scss'
 import { useAuthStore } from '../../stores/auth'
 import { useRouter } from '../../stores/router'
+import clsx from 'clsx'
 
 export default () => {
   const { session } = useAuthStore()
   const { getPage } = useRouter()
 
   return (
-    <div class="userControl col">
-      <div class="userControlItem userControlItemWritePost">
+    <div class={clsx(styles.userControl, 'col')}>
+      <div class={clsx(styles.userControlItem, styles.userControlItemWritePost)}>
         <a href="/create">
-          <span class="text-label">опубликовать материал</span>
+          <span class={styles.textLabel}>опубликовать материал</span>
           <Icon name="pencil" />
         </a>
       </div>
-      <div class="userControlItem userControlItemSearch">
+      <div class={clsx(styles.userControlItem, styles.userControlItemSearch)}>
         <a href="/search">
           <Icon name="search" />
         </a>
       </div>
-      <div class="userControlItem userControlItemInbox">
+      <div class={clsx(styles.userControlItem, styles.userControlItemInbox)}>
         <a href="/inbox">
           {/*FIXME: replace with route*/}
           <div classList={{ entered: getPage().path === '/inbox' }}>
@@ -30,7 +31,7 @@ export default () => {
           </div>
         </a>
       </div>
-      <div class="userControlItem">
+      <div class={styles.userControlItem}>
         <a href={`/${session().user?.slug}`}>
           {/*FIXME: replace with route*/}
           <div classList={{ entered: getPage().path === `/${session().user?.slug}` }}>