Chats: flip arrow icons in RTL
This commit is contained in:
parent
ae63d37d78
commit
e0f43986a7
7 changed files with 7 additions and 7 deletions
|
@ -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')}
|
||||
/>
|
||||
|
||||
|
|
|
@ -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')}
|
||||
/>
|
||||
|
||||
|
|
|
@ -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')}
|
||||
/>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
)}
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -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'
|
||||
/>
|
||||
|
|
Loading…
Reference in a new issue