fix(#1137): fix wrong classNames in the routing-chats component

kimbu-chat · Aug 30, 2022 · 4440063 · 4440063
1 parent 5a974bb
commit 4440063
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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>