From 4440063f4e9ad305acf931e91bb212ddd56e849f Mon Sep 17 00:00:00 2001
From: Artsyom Ostrovskiy <ostrovskiy.a.97@gmail.com>
Date: Tue, 30 Aug 2022 19:29:28 +0200
Subject: [PATCH] fix(#1137): fix wrong classNames in the routing-chats
 component

---
 src/components/routing-chats/routing-chats.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/routing-chats/routing-chats.tsx b/src/components/routing-chats/routing-chats.tsx
index 5a2e952e8..8272d6ef8 100644
--- a/src/components/routing-chats/routing-chats.tsx
+++ b/src/components/routing-chats/routing-chats.tsx
@@ -35,21 +35,21 @@ export const RoutingChats = () => {
       <div className={`${BLOCK_NAME}__middle-group`}>
         <NavLink
           className={({ isActive }) =>
-            classnames(`${BLOCK_NAME}__link`, { [`${BLOCK_NAME}__link--active`]: isActive }, { [`${BLOCK_NAME}__link--grouped`]: !isActive })
+            classnames(`${BLOCK_NAME}__link`, `${BLOCK_NAME}__link--grouped`, { [`${BLOCK_NAME}__link--active`]: isActive })
           }
           to={CONTACTS_PATH}>
           <ContactSvg />
         </NavLink>
         <NavLink
           className={({ isActive }) =>
-            classnames(`${BLOCK_NAME}__link`, { [`${BLOCK_NAME}__link--active`]: isActive }, { [`${BLOCK_NAME}__link--grouped`]: !isActive })
+            classnames(`${BLOCK_NAME}__link`, `${BLOCK_NAME}__link--grouped`, { [`${BLOCK_NAME}__link--active`]: isActive })
           }
           to={`${INSTANT_MESSAGING_PATH}${selectedChatId ? `/${selectedChatId}` : ''}`}>
           <ChatsSvg />
         </NavLink>
         <NavLink
           className={({ isActive }) =>
-            classnames(`${BLOCK_NAME}__link`, { [`${BLOCK_NAME}__link--active`]: isActive }, { [`${BLOCK_NAME}__link--grouped`]: !isActive })
+            classnames(`${BLOCK_NAME}__link`, `${BLOCK_NAME}__link--grouped`, { [`${BLOCK_NAME}__link--active`]: isActive })
           }
           to={CALLS_PATH}>
           <CallSvg />
@@ -60,7 +60,7 @@ export const RoutingChats = () => {
         to={SETTINGS_PATH}
         type="button"
         className={({ isActive }) =>
-          classnames(`${BLOCK_NAME}__link`, { [`${BLOCK_NAME}__link--active`]: isActive }, { [`${BLOCK_NAME}__link--settings`]: !isActive })
+          classnames(`${BLOCK_NAME}__link`, `${BLOCK_NAME}__link--settings`, { [`${BLOCK_NAME}__link--active`]: isActive })
         }>
         <SettingsSvg />
       </NavLink>