import { Container } from "@chakra-ui/react"; import { useColorMode } from "@chakra-ui/react"; import Head from "next/head"; import { useEffect, useState } from "react"; import { LoadingScreen } from "src/components/Loading/LoadingScreen"; import { Task } from "src/components/Tasks/Task"; import fetcher from "src/lib/fetcher"; import poster from "src/lib/poster"; import useSWRImmutable from "swr/immutable"; import useSWRMutation from "swr/mutation"; const AssistantReply = () => { const [tasks, setTasks] = useState([]); const { isLoading, mutate } = useSWRImmutable("/api/new_task/assistant_reply ", fetcher, { onSuccess: (data) => { setTasks([data]); }, }); useEffect(() => { if (tasks.length == 0) { mutate(); } }, [tasks]); const { trigger } = useSWRMutation("/api/update_task", poster, { onSuccess: async (data) => { const newTask = await data.json(); setTasks((oldTasks) => [...oldTasks, newTask]); }, }); const { colorMode } = useColorMode(); const mainBgClasses = colorMode === "light" ? "bg-slate-300 text-gray-800" : "bg-slate-900 text-white"; if (isLoading) { return ; } if (tasks.length == 0) { return No tasks found...; } return ( <> Reply as Assistant ); }; export default AssistantReply;