From 1ae9775e07566ad3f0c3811cf277c9a9fbc268dd Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Mon, 7 Nov 2022 11:47:18 -0500
Subject: [PATCH] Add link to profile in Chat header

---
 .../chat-page/components/chat-page-main.tsx        | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

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 9b767e29d..85b892265 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
@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { useHistory, useParams } from 'react-router-dom';
+import { Link, useHistory, useParams } from 'react-router-dom';
 
 import { blockAccount, unblockAccount } from 'soapbox/actions/accounts';
 import { openModal } from 'soapbox/actions/modals';
@@ -113,13 +113,19 @@ const ChatPageMain = () => {
               onClick={() => history.push('/chats')}
             />
 
-            <Avatar src={chat.account?.avatar} size={40} className='flex-none' />
+            <Link to={`/@${chat.account.acct}`}>
+              <Avatar src={chat.account.avatar} size={40} className='flex-none' />
+            </Link>
           </HStack>
 
           <Stack alignItems='start' className='overflow-hidden h-11'>
             <div className='flex items-center space-x-1 flex-grow w-full'>
-              <Text weight='bold' size='sm' align='left' truncate>{chat.account?.display_name || `@${chat.account.username}`}</Text>
-              {chat.account?.verified && <VerificationBadge />}
+              <Link to={`/@${chat.account.acct}`}>
+                <Text weight='bold' size='sm' align='left' truncate>
+                  {chat.account.display_name || `@${chat.account.username}`}
+                </Text>
+              </Link>
+              {chat.account.verified && <VerificationBadge />}
             </div>
 
             {chat.message_expiration && (