Spaces:
Runtime error
Runtime error
File size: 2,187 Bytes
a5e87d0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
import React, { createContext, useState } from "react";
import { MessageType } from "../types/types";
export interface MessageFetch {
messageFetching: boolean;
setMessageFetching: React.Dispatch<React.SetStateAction<boolean>>;
toggleMessageFetching: () => void;
messages: MessageType[];
setMessages: React.Dispatch<React.SetStateAction<MessageType[]>>;
disableinput: boolean;
setDisableinput: React.Dispatch<React.SetStateAction<boolean>>;
setFetchedMessages: React.Dispatch<React.SetStateAction<string>>;
fetchedMessages: string;
stopFetching: (message: string) => void;
}
export const MessageFetchContext = createContext({
messageFetching: false,
setMessageFetching: (value: boolean) => {},
toggleMessageFetching: () => {},
messages: [] as MessageType[],
setMessages: (value: MessageType[]) => {},
disableinput: false,
setDisableinput: (value: boolean) => {},
setFetchedMessages: (value: string) => {},
fetchedMessages: "",
stopFetching: (message: string) => {},
});
export const useMessageFetching = () => React.useContext(MessageFetchContext);
const MessageFetchProvider = ({ children }: { children: React.ReactNode }) => {
const [messageFetching, setMessageFetching] = useState(false);
const [messages, setMessages] = useState<MessageType[]>([]);
const [disableinput, setDisableinput] = useState(false);
const [fetchedMessages, setFetchedMessages] = useState("");
const toggleMessageFetching = () => {
setMessageFetching(!messageFetching);
};
const stopFetching = (socket: any) => {
socket.emit("stopResponding");
setMessageFetching(false);
setDisableinput(false);
setMessages((prev) => {
prev[prev.length - 1].message = fetchedMessages;
return [...prev];
});
};
return (
<MessageFetchContext.Provider
value={{
messageFetching,
setMessageFetching,
toggleMessageFetching,
messages,
setMessages,
disableinput,
setDisableinput,
setFetchedMessages,
fetchedMessages,
stopFetching,
}}
>
{children}
</MessageFetchContext.Provider>
);
};
export default MessageFetchProvider;
|