From bf590d26c4647950b1dffc94ac78d8b85372ff80 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 19 Sep 2022 16:28:32 -0500
Subject: [PATCH] ChatPageMain: add back button for mobile

---
 .../components/chat-page/components/chat-page-main.tsx    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
index 82c26382ab..4ce5692fae 100644
--- a/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
+++ b/app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
@@ -32,7 +32,7 @@ const ChatPageMain = () => {
   const intl = useIntl();
   const account = useOwnAccount();
 
-  const { chat } = useChatContext();
+  const { chat, setChat } = useChatContext();
   const { isSilenced, handleSilence } = useChatSilence(chat);
   const { deleteChat } = useChat(chat?.id as string);
 
@@ -72,6 +72,12 @@ const ChatPageMain = () => {
     <Stack className='h-full overflow-hidden'>
       <HStack alignItems='center' justifyContent='between' space={2} className='px-4 py-2 w-full'>
         <HStack alignItems='center' space={2} className='overflow-hidden'>
+          <IconButton
+            src={require('@tabler/icons/arrow-left.svg')}
+            className='sm:hidden h-7 w-7'
+            onClick={() => setChat(null)}
+          />
+
           <Avatar src={chat.account?.avatar} size={40} className='flex-none' />
 
           <Stack alignItems='start' className='overflow-hidden'>