From f9f7cb56160abf702785222200270e3acaee0f28 Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Fri, 29 Dec 2023 13:58:28 +0800
Subject: [PATCH 1/8] =?UTF-8?q?#176=20bugfix:=20=D0=B8=D1=81=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=B1=D0=B0=D0=B3?=
 =?UTF-8?q?=D0=B0=20=D0=BD=D0=B5=D0=B4=D0=BE=D1=81=D1=82=D1=83=D0=BF=D0=BD?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D0=B8=20=D0=B2=D0=BE=D0=B7=D0=B4=D0=B5=D0=B9?=
 =?UTF-8?q?=D1=82=D1=81=D0=B2=D0=B8=D1=8F=20=D0=BD=D0=B0=20=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B0=D1=81=D1=82=D1=8C=20=D0=BF=D0=BE=D0=B4=20=D1=81?=
 =?UTF-8?q?=D0=BA=D1=80=D1=8B=D1=82=D1=8B=D0=BC=20=D0=BC=D0=B5=D0=BD=D1=8E?=
 =?UTF-8?q?=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../entities/ContactCard/ContactCard.tsx            |  0
 .../entities/ContactCard/contactCard.module.scss    |  0
 src/features/Contacts/Contacts.tsx                  | 13 ++++++++++---
 src/features/Contacts/contacts.module.scss          | 10 ++++------
 4 files changed, 14 insertions(+), 9 deletions(-)
 rename "src/entities/\320\241ontactCard/\320\241ontactCard.tsx" => src/entities/ContactCard/ContactCard.tsx (100%)
 rename "src/entities/\320\241ontactCard/contactCard.module.scss" => src/entities/ContactCard/contactCard.module.scss (100%)

diff --git "a/src/entities/\320\241ontactCard/\320\241ontactCard.tsx" b/src/entities/ContactCard/ContactCard.tsx
similarity index 100%
rename from "src/entities/\320\241ontactCard/\320\241ontactCard.tsx"
rename to src/entities/ContactCard/ContactCard.tsx
diff --git "a/src/entities/\320\241ontactCard/contactCard.module.scss" b/src/entities/ContactCard/contactCard.module.scss
similarity index 100%
rename from "src/entities/\320\241ontactCard/contactCard.module.scss"
rename to src/entities/ContactCard/contactCard.module.scss
diff --git a/src/features/Contacts/Contacts.tsx b/src/features/Contacts/Contacts.tsx
index 81cdc939..547cc92c 100644
--- a/src/features/Contacts/Contacts.tsx
+++ b/src/features/Contacts/Contacts.tsx
@@ -1,7 +1,7 @@
 import { FC, useState } from 'react'
 import { TMessenger } from '@/models/MessengerModel'
 import styles from './contacts.module.scss'
-import ContactCard from '@/entities/СontactCard/СontactCard'
+import ContactCard from '@/entities/ContactCard/ContactCard'
 import { Button, ButtonTheme, ButtonDesign } from '@/shared/ui/Button/Button'
 import MessageIcon from '@/assets/icons/chat.svg'
 import CloseIcon from '@/assets/icons/IconMessageClose.svg'
@@ -24,7 +24,10 @@ const Contacts: FC<PropsContacts> = ({ messenger }) => {
 
   return (
     <div className={styles.contacts}>
-      <div className={messageMenuActive ? styles.contactsMenu : styles.contactsMenuHidden}>
+      <div
+        className={
+          messageMenuActive ? styles.contactsMenu : `${styles.contactsMenu} ${styles.contactsMenuHidden}`
+        }>
         <ul className={styles.contactList}>
           {messenger.map(item => (
             <ContactCard messenger={item} key={item.id} Icon={item.icon} />
@@ -32,7 +35,11 @@ const Contacts: FC<PropsContacts> = ({ messenger }) => {
         </ul>
       </div>
 
-      <Button theme={ButtonTheme.PRIMARY} design={ButtonDesign.ROUND} className={styles.button} onClick={toggleClick}>
+      <Button
+        theme={ButtonTheme.PRIMARY}
+        design={ButtonDesign.ROUND}
+        className={styles.button}
+        onClick={toggleClick}>
         {messageMenuActive ? (
           <CloseIcon className={styles.buttonCloseIcon} />
         ) : (
diff --git a/src/features/Contacts/contacts.module.scss b/src/features/Contacts/contacts.module.scss
index 255fd24c..5d5e13e4 100644
--- a/src/features/Contacts/contacts.module.scss
+++ b/src/features/Contacts/contacts.module.scss
@@ -5,21 +5,19 @@
   z-index: 999;
   right: 20px;
   bottom: 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: end;
 }
 
 .contactsMenu {
   visibility: visible;
   opacity: 1;
   margin: 0 0 17px;
-  max-width: 501px;
+  width: 500px;
+  position: absolute;
+  bottom: 100%;
+  right: 0;
 }
 
 .contactsMenuHidden {
-  margin: 0 0 17px;
-  max-width: 501px;
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.25s, visibility 0.25s, transform 0.25s;

From 7bc4a7b60c11c302660a777cd8bcf7a1845b6680 Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Fri, 29 Dec 2023 14:27:45 +0800
Subject: [PATCH 2/8] =?UTF-8?q?#176=20bugfix:=20=D0=B8=D1=81=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BF=D0=BB=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BD=D0=BE=D1=81=D1=82=D0=B8=20=D0=BE=D1=82=D0=BA=D1=80?=
 =?UTF-8?q?=D1=8B=D1=82=D0=B8=D1=8F=20=D0=BC=D0=B5=D0=BD=D1=8E=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/Contacts/contacts.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/Contacts/contacts.module.scss b/src/features/Contacts/contacts.module.scss
index 5d5e13e4..d2c4fce0 100644
--- a/src/features/Contacts/contacts.module.scss
+++ b/src/features/Contacts/contacts.module.scss
@@ -15,12 +15,12 @@
   position: absolute;
   bottom: 100%;
   right: 0;
+  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
 }
 
 .contactsMenuHidden {
   visibility: hidden;
   opacity: 0;
-  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
 }
 
 .contactList {

From a8fd121d6b34b6f43e6b1feb468a5172463f3dad Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Fri, 29 Dec 2023 14:49:46 +0800
Subject: [PATCH 3/8] =?UTF-8?q?#176=20bugfix:=20=D1=83=D0=B1=D1=80=D0=B0?=
 =?UTF-8?q?=D1=82=D1=8C=20z-index=20=D1=83=20=D0=B1=D0=BB=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/Contacts/contacts.module.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/features/Contacts/contacts.module.scss b/src/features/Contacts/contacts.module.scss
index d2c4fce0..9cdc8dee 100644
--- a/src/features/Contacts/contacts.module.scss
+++ b/src/features/Contacts/contacts.module.scss
@@ -2,7 +2,6 @@
 
 .contacts {
   position: fixed;
-  z-index: 999;
   right: 20px;
   bottom: 20px;
 }

From ffc1f0e97ef004d29f8aefc3b9e91e5f3ca54b8c Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Sat, 6 Jan 2024 22:59:43 +0800
Subject: [PATCH 4/8] =?UTF-8?q?#176=20bugfix:=20=D0=B2=D0=B5=D1=80=D0=BD?=
 =?UTF-8?q?=D1=83=D1=82=D1=8C=20z-index=20=D0=B4=D0=BB=D1=8F=20=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=BA=D0=B0=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/Contacts/contacts.module.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/features/Contacts/contacts.module.scss b/src/features/Contacts/contacts.module.scss
index 9cdc8dee..5558e671 100644
--- a/src/features/Contacts/contacts.module.scss
+++ b/src/features/Contacts/contacts.module.scss
@@ -4,6 +4,7 @@
   position: fixed;
   right: 20px;
   bottom: 20px;
+  z-index: 999;
 }
 
 .contactsMenu {

From 011637faadac5b2b0d520e438ab1a74bfdb33062 Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Sun, 7 Jan 2024 15:25:56 +0800
Subject: [PATCH 5/8] =?UTF-8?q?#176=20bugfix:=20=D1=83=D0=B1=D1=80=D0=B0?=
 =?UTF-8?q?=D1=82=D1=8C=20=D0=B4=D1=83=D0=B1=D0=BB=D0=B8=D1=80=D1=83=D1=8E?=
 =?UTF-8?q?=D1=89=D0=B8=D0=B5=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=BD=D0=B0=D0=B8=D0=BC=D0=B5=D0=BD=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BC=D0=B5=D1=81=D1=81=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B4=D0=B6=D0=B5=D1=80=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/entities/ContactCard/ContactCard.tsx         | 2 +-
 src/entities/ContactCard/contactCard.module.scss | 6 ------
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/entities/ContactCard/ContactCard.tsx b/src/entities/ContactCard/ContactCard.tsx
index 95935675..f84f04bf 100644
--- a/src/entities/ContactCard/ContactCard.tsx
+++ b/src/entities/ContactCard/ContactCard.tsx
@@ -23,7 +23,7 @@ const ContactCard: FC<PropsContactCard> = ({ messenger, Icon }) => {
         <div className={styles.icon}>
           <Icon />
         </div>
-        <Paragraph className={styles.text}>{messenger.title}</Paragraph>
+        <Paragraph>{messenger.title}</Paragraph>
       </Link>
     </li>
   )
diff --git a/src/entities/ContactCard/contactCard.module.scss b/src/entities/ContactCard/contactCard.module.scss
index 7fd48054..62e8a2ea 100644
--- a/src/entities/ContactCard/contactCard.module.scss
+++ b/src/entities/ContactCard/contactCard.module.scss
@@ -20,9 +20,3 @@
   height: 60px;
   margin-bottom: 12px;
 }
-
-.text {
-  color: var.$body-color;
-  font-size: 15px;
-  text-align: center;
-}

From 00dfe91ce0f04f2d9807620b41063fb00f057f2b Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Sun, 7 Jan 2024 16:51:01 +0800
Subject: [PATCH 6/8] =?UTF-8?q?#176=20bugfix:=20=D0=BE=D1=82=D1=86=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=D1=80=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20=D0=B8=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BD=D0=BA=D1=83=20=D1=87=D0=B0=D1=82-=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=B0=D0=BA=D0=B0=20=D0=BD=D0=B0=20=D0=BA=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=BF=D0=BA=D0=B5=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/Contacts/contacts.module.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/features/Contacts/contacts.module.scss b/src/features/Contacts/contacts.module.scss
index 5558e671..1c32fb54 100644
--- a/src/features/Contacts/contacts.module.scss
+++ b/src/features/Contacts/contacts.module.scss
@@ -31,6 +31,7 @@
 
 .button {
   transition: transform 0.25s, background-color 0.25s;
+  border: none;
 }
 
 .button:hover {

From 03c96874fc9e84eae1c819edc8f06dd1e21629dc Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Mon, 8 Jan 2024 18:57:44 +0800
Subject: [PATCH 7/8] =?UTF-8?q?#176=20bugfix:=20=D0=BD=D0=B5=D0=B1=D0=BE?=
 =?UTF-8?q?=D0=BB=D1=8C=D1=88=D0=B0=D1=8F=20=D0=BA=D0=BE=D1=80=D1=80=D0=B5?=
 =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=BA=D0=B0=20=D1=83=D1=81?=
 =?UTF-8?q?=D1=82=D0=B0=D0=BD=D0=BE=D0=B2=D0=BA=D0=B8=20=D1=81=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=B9=20=D0=B4=D0=BB=D1=8F=20=D0=BC=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=8E=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2?=
 =?UTF-8?q?=20=D1=81=20=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=D0=BC=20classnames?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/Contacts/Contacts.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/features/Contacts/Contacts.tsx b/src/features/Contacts/Contacts.tsx
index 547cc92c..87cce976 100644
--- a/src/features/Contacts/Contacts.tsx
+++ b/src/features/Contacts/Contacts.tsx
@@ -1,4 +1,5 @@
 import { FC, useState } from 'react'
+import classNames from 'classnames'
 import { TMessenger } from '@/models/MessengerModel'
 import styles from './contacts.module.scss'
 import ContactCard from '@/entities/ContactCard/ContactCard'
@@ -24,10 +25,7 @@ const Contacts: FC<PropsContacts> = ({ messenger }) => {
 
   return (
     <div className={styles.contacts}>
-      <div
-        className={
-          messageMenuActive ? styles.contactsMenu : `${styles.contactsMenu} ${styles.contactsMenuHidden}`
-        }>
+      <div className={classNames(styles.contactsMenu, { [styles.contactsMenuHidden]: !messageMenuActive })}>
         <ul className={styles.contactList}>
           {messenger.map(item => (
             <ContactCard messenger={item} key={item.id} Icon={item.icon} />

From 0ee23f459a374bfb75a86f4bc1af160db24eb43c Mon Sep 17 00:00:00 2001
From: Artem Sibisov <artsib7777@yandex.ru>
Date: Sat, 13 Jan 2024 19:49:57 +0800
Subject: [PATCH 8/8] Update Contacts.tsx

---
 src/features/Contacts/Contacts.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/features/Contacts/Contacts.tsx b/src/features/Contacts/Contacts.tsx
index 2f4614e7..c0499344 100644
--- a/src/features/Contacts/Contacts.tsx
+++ b/src/features/Contacts/Contacts.tsx
@@ -25,8 +25,7 @@ const Contacts: FC<PropsContacts> = ({ messenger }) => {
 
   return (
     <div className={styles.contacts}>
-      <div className={
-(styles.contactsMenu, { [styles.contactsMenuHidden]: !messageMenuActive })}>
+      <div className={classNames(styles.contactsMenu, { [styles.contactsMenuHidden]: !messageMenuActive })}>
         <ul className={styles.contactList}>
           {messenger.map(item => (
             <ContactCard messenger={item} key={item.id} Icon={item.icon} />