32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { currentPromptAtom } from "@/_helpers/JotaiWrapper";
|
|
import { currentConvoStateAtom } from "@/_helpers/atoms/Conversation.atom";
|
|
import useSendChatMessage from "@/_hooks/useSendChatMessage";
|
|
import { ArrowRightIcon } from "@heroicons/react/24/outline";
|
|
import { useAtom, useAtomValue } from "jotai";
|
|
|
|
const SendButton: React.FC = () => {
|
|
const [currentPrompt] = useAtom(currentPromptAtom);
|
|
const currentConvoState = useAtomValue(currentConvoStateAtom);
|
|
|
|
const { sendChatMessage } = useSendChatMessage();
|
|
const isWaitingForResponse = currentConvoState?.waitingForResponse ?? false;
|
|
const disabled = currentPrompt.trim().length === 0 || isWaitingForResponse;
|
|
|
|
const disabledStyle = {
|
|
backgroundColor: "#F3F4F6",
|
|
};
|
|
|
|
return (
|
|
<button
|
|
onClick={sendChatMessage}
|
|
style={disabled ? disabledStyle : {}}
|
|
type="submit"
|
|
className="inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
|
>
|
|
Send
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default SendButton;
|