Function handleSubmit

examples/nextjs/components/pipe-run-pipes-as-tools.tsx:12–43

(e: any)

	const [loading, setLoading] = useState(false);

	const handleSubmit = async (e: any) => {
		e.preventDefault();
		if (!prompt.trim()) return;

		setLoading(true);
		try {
			const response = await fetch(
				'/api/langbase/pipes/run-pipes-as-tools',
				{
					method: 'POST',
					headers: {'Content-Type': 'application/json'},
					// Send prompt as an LLM message.
					body: JSON.stringify({
						messages: [{role: 'user', content: prompt}],
					}),
				},
			);

			if (!response.ok) {
				throw new Error('Network response was not ok');
			}

			// Parse the JSON response.
			const data = await response.json();
			setCompletion(data.completion);
		} catch (error) {
			console.error('Error:', error);
			setCompletion('An error occurred while generating the completion.');
		} finally {
			setLoading(false);
		}
	};

	return (
		<div className="bg-neutral-200 rounded-md p-2 flex flex-col gap-2 w-full">