bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

ChatPageNew: support account search to start a new chat

Browse source
This commit is contained in:
Alex Gleason 2022-09-28 19:35:28 -05:00
parent acdd999c5c
commit f8199ab701
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
View file

@ -1,15 +1,30 @@
import React from 'react'; 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 { CardTitle, Stack } from 'soapbox/components/ui';
import { useChats } from 'soapbox/queries/chats';
interface IChatPageNew { interface IChatPageNew {
} }
/** New message form to create a chat. */ /** New message form to create a chat. */
const ChatPageNew: React.FC<IChatPageNew> = () => { 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 ( return (
<Stack className='h-full p-6 space-y-8'> <Stack className='h-full p-6 space-y-8'>
<CardTitle title='New Message' /> <CardTitle title='New Message' />
<AccountSearch
onSelected={handleAccountSelected}
/>
</Stack> </Stack>
); );
}; };