From e0f43986a7b1b43f583dec19cea6f8b9f30ee6e6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 10 Oct 2023 20:18:59 -0500
Subject: [PATCH] Chats: flip arrow icons in RTL

---
 .../chats/components/chat-page/components/chat-page-main.tsx    | 2 +-
 .../chats/components/chat-page/components/chat-page-new.tsx     | 2 +-
 .../components/chat-page/components/chat-page-settings.tsx      | 2 +-
 src/features/chats/components/chat-widget/chat-settings.tsx     | 2 +-
 src/features/chats/components/chat-widget/chat-window.tsx       | 2 +-
 .../chats/components/chat-widget/headers/chat-search-header.tsx | 2 +-
 src/features/groups/discover.tsx                                | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/chats/components/chat-page/components/chat-page-main.tsx b/src/features/chats/components/chat-page/components/chat-page-main.tsx
index 890983f64..89371c4da 100644
--- a/src/features/chats/components/chat-page/components/chat-page-main.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-main.tsx
@@ -121,7 +121,7 @@ const ChatPageMain = () => {
           <HStack alignItems='center'>
             <IconButton
               src={require('@tabler/icons/arrow-left.svg')}
-              className='mr-2 h-7 w-7 sm:mr-0 sm:hidden'
+              className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
               onClick={() => history.push('/chats')}
             />
 
diff --git a/src/features/chats/components/chat-page/components/chat-page-new.tsx b/src/features/chats/components/chat-page/components/chat-page-new.tsx
index 0b1e0de8d..0a60c56b4 100644
--- a/src/features/chats/components/chat-page/components/chat-page-new.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-new.tsx
@@ -24,7 +24,7 @@ const ChatPageNew: React.FC<IChatPageNew> = () => {
         <HStack alignItems='center'>
           <IconButton
             src={require('@tabler/icons/arrow-left.svg')}
-            className='mr-2 h-7 w-7 sm:mr-0 sm:hidden'
+            className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
             onClick={() => history.push('/chats')}
           />
 
diff --git a/src/features/chats/components/chat-page/components/chat-page-settings.tsx b/src/features/chats/components/chat-page/components/chat-page-settings.tsx
index c33f74013..404c56afd 100644
--- a/src/features/chats/components/chat-page/components/chat-page-settings.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-settings.tsx
@@ -51,7 +51,7 @@ const ChatPageSettings = () => {
       <HStack alignItems='center'>
         <IconButton
           src={require('@tabler/icons/arrow-left.svg')}
-          className='mr-2 h-7 w-7 sm:mr-0 sm:hidden'
+          className='mr-2 h-7 w-7 rtl:rotate-180 sm:mr-0 sm:hidden'
           onClick={() => history.push('/chats')}
         />
 
diff --git a/src/features/chats/components/chat-widget/chat-settings.tsx b/src/features/chats/components/chat-widget/chat-settings.tsx
index 5a38778e0..0e62f3cfd 100644
--- a/src/features/chats/components/chat-widget/chat-settings.tsx
+++ b/src/features/chats/components/chat-widget/chat-settings.tsx
@@ -96,7 +96,7 @@ const ChatSettings = () => {
             <button onClick={closeSettings}>
               <Icon
                 src={require('@tabler/icons/arrow-left.svg')}
-                className='h-6 w-6 text-gray-600 dark:text-gray-400'
+                className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
               />
             </button>
 
diff --git a/src/features/chats/components/chat-widget/chat-window.tsx b/src/features/chats/components/chat-widget/chat-window.tsx
index 84845d7f7..66c02397f 100644
--- a/src/features/chats/components/chat-widget/chat-window.tsx
+++ b/src/features/chats/components/chat-widget/chat-window.tsx
@@ -73,7 +73,7 @@ const ChatWindow = () => {
               <button onClick={closeChat}>
                 <Icon
                   src={require('@tabler/icons/arrow-left.svg')}
-                  className='h-6 w-6 text-gray-600 dark:text-gray-400'
+                  className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
                 />
               </button>
             )}
diff --git a/src/features/chats/components/chat-widget/headers/chat-search-header.tsx b/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
index d0fd40921..15b0c6a4b 100644
--- a/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
+++ b/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
@@ -27,7 +27,7 @@ const ChatSearchHeader = () => {
           >
             <Icon
               src={require('@tabler/icons/arrow-left.svg')}
-              className='h-6 w-6 text-gray-600 dark:text-gray-400'
+              className='h-6 w-6 text-gray-600 rtl:rotate-180 dark:text-gray-400'
             />
           </button>
 
diff --git a/src/features/groups/discover.tsx b/src/features/groups/discover.tsx
index 47273d2ed..f91c3ca48 100644
--- a/src/features/groups/discover.tsx
+++ b/src/features/groups/discover.tsx
@@ -37,7 +37,7 @@ const Discover: React.FC = () => {
           {isSearching ? (
             <IconButton
               src={require('@tabler/icons/arrow-left.svg')}
-              iconClassName='mr-2 h-5 w-5 fill-current text-gray-600'
+              iconClassName='mr-2 h-5 w-5 fill-current text-gray-600 rtl:rotate-180'
               onClick={cancelSearch}
               data-testid='group-search-icon'
             />