get messages from api and fix new message
This commit is contained in:
parent
31b97eaa59
commit
2bd8316148
|
|
@ -25,12 +25,6 @@ const MessageWrapper = () => {
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const user = {
|
|
||||||
firstName: 'Guillaume',
|
|
||||||
lastName: 'Dorce',
|
|
||||||
email: 'guillaume.dorce@bm-services.com',
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="messages-wrapper flex flex-col p-4 gap-4 overflow-scroll w-full max-w-3xl">
|
<main className="messages-wrapper flex flex-col p-4 gap-4 overflow-scroll w-full max-w-3xl">
|
||||||
{messages.isLoading ? '' : messages.data?.map((message: any) => (
|
{messages.isLoading ? '' : messages.data?.map((message: any) => (
|
||||||
|
|
|
||||||
|
|
@ -33,10 +33,6 @@ const NewMessage = () => {
|
||||||
const { mutate: send } = useMutation(sendMessage, {
|
const { mutate: send } = useMutation(sendMessage, {
|
||||||
onSuccess: () => {
|
onSuccess: () => {
|
||||||
queryClient.invalidateQueries(['messages']);
|
queryClient.invalidateQueries(['messages']);
|
||||||
const messageWrapper = document.querySelector('.messages-wrapper');
|
|
||||||
messageWrapper?.addEventListener('DOMNodeInserted', () => {
|
|
||||||
messageWrapper?.scrollTo(0, messageWrapper.scrollHeight);
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
onError: (error) => {
|
onError: (error) => {
|
||||||
console.error(error);
|
console.error(error);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue