feat: Add error handling for failed message submission

vercel · May 5, 2024 · 0524808 · 0524808
1 parent 3d3827b
commit 0524808
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/components/prompt-form.tsx b/components/prompt-form.tsx
@@ -14,6 +14,7 @@ import {
  TooltipContent,
  TooltipTrigger
 } from '@/components/ui/tooltip'
+import { toast } from 'sonner'
 import { useEnterSubmit } from '@/lib/hooks/use-enter-submit'
 import { nanoid } from 'nanoid'
 import { useRouter } from 'next/navigation'
@@ -62,8 +63,12 @@ export function PromptForm({
  ])
 
  // Submit and get response message
- const responseMessage = await submitUserMessage(value)
- setMessages(currentMessages => [...currentMessages, responseMessage])
+ try {
+ const responseMessage = await submitUserMessage(value)
+ setMessages(currentMessages => [...currentMessages, responseMessage])
+ } catch (error) {
+ toast.error('Failed to send message.')
+ }
  }}
  >
  <div className="relative flex max-h-60 w-full grow flex-col overflow-hidden bg-background px-8 sm:rounded-md sm:border sm:px-12">