From f8199ab7014c594d48a2d3b7db8164eb2f24c7e9 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 28 Sep 2022 19:35:28 -0500
Subject: [PATCH] ChatPageNew: support account search to start a new chat

---
 .../chat-page/components/chat-page-new.tsx        | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
index df1253d30..e65af7ab2 100644
--- a/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
+++ b/app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
@@ -1,15 +1,30 @@
 import React from 'react';
+import { useHistory } from 'react-router-dom';
 
+import AccountSearch from 'soapbox/components/account_search';
 import { CardTitle, Stack } from 'soapbox/components/ui';
+import { useChats } from 'soapbox/queries/chats';
 
 interface IChatPageNew {
 }
 
 /** New message form to create a chat. */
 const ChatPageNew: React.FC<IChatPageNew> = () => {
+  const history = useHistory();
+  const { getOrCreateChatByAccountId } = useChats();
+
+  const handleAccountSelected = async (accountId: string) => {
+    const { data } = await getOrCreateChatByAccountId(accountId);
+    history.push(`/chats/${data.id}`);
+  };
+
   return (
     <Stack className='h-full p-6 space-y-8'>
       <CardTitle title='New Message' />
+
+      <AccountSearch
+        onSelected={handleAccountSelected}
+      />
     </Stack>
   );
 };