From 8939ea3480f9c9ef1f3c18d61d7f26a4cc77a3b5 Mon Sep 17 00:00:00 2001
From: Ilya Bondar <ilya_bondar@epam.com>
Date: Tue, 10 Sep 2024 22:48:00 +0200
Subject: [PATCH] update header icons

---
 apps/chat/public/images/icons/move-left.svg  | 2 +-
 apps/chat/public/images/icons/move-right.svg | 4 +---
 apps/chat/src/components/Header/Header.tsx   | 8 ++++----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/apps/chat/public/images/icons/move-left.svg b/apps/chat/public/images/icons/move-left.svg
index a638b11768..10e972420d 100644
--- a/apps/chat/public/images/icons/move-left.svg
+++ b/apps/chat/public/images/icons/move-left.svg
@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 5H21M10 10H21M10 14H21M3 19H21M6 9L3 12L6 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 5H4M20 12H11M20 19H4M7 9L4 12L7 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/chat/public/images/icons/move-right.svg b/apps/chat/public/images/icons/move-right.svg
index 1234d9ed3d..a0ecfc6d29 100644
--- a/apps/chat/public/images/icons/move-right.svg
+++ b/apps/chat/public/images/icons/move-right.svg
@@ -1,5 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="move-right">
-<path id="Icon" d="M3 5H21M10 10H21M10 14H21M3 19H21M3 9L6 12L3 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
+<path d="M20 5H4M20 12H11M20 19H4M4 9L7 12L4 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/apps/chat/src/components/Header/Header.tsx b/apps/chat/src/components/Header/Header.tsx
index c2b77e4285..c43fa9a31c 100644
--- a/apps/chat/src/components/Header/Header.tsx
+++ b/apps/chat/src/components/Header/Header.tsx
@@ -161,15 +161,15 @@ const Header = () => {
                   height={headerIconSize}
                 />
 
-                <MoveLeftIcon
-                  className="text-secondary hover:text-accent-secondary max-md:hidden"
+                <MoveRightIcon
+                  className="rotate-180 text-secondary hover:text-accent-secondary max-md:hidden"
                   width={headerIconSize}
                   height={headerIconSize}
                 />
               </>
             ) : (
-              <MoveRightIcon
-                className="text-secondary hover:text-accent-secondary"
+              <MoveLeftIcon
+                className="rotate-180 text-secondary hover:text-accent-secondary"
                 width={headerIconSize}
                 height={headerIconSize}
               />