diff --git a/apps/web/src/components/discussion/discussion.tsx b/apps/web/src/components/discussion/discussion.tsx index c3443e6d2..eeec4a455 100644 --- a/apps/web/src/components/discussion/discussion.tsx +++ b/apps/web/src/components/discussion/discussion.tsx @@ -15,6 +15,7 @@ import { DropdownMenuItem, DropdownMenuTrigger, } from "@rallly/ui/dropdown-menu"; +import { useToast } from "@rallly/ui/hooks/use-toast"; import { Icon } from "@rallly/ui/icon"; import { Input } from "@rallly/ui/input"; import { Textarea } from "@rallly/ui/textarea"; @@ -77,13 +78,6 @@ function NewCommentForm({ const queryClient = trpc.useUtils(); - const addComment = trpc.polls.comments.add.useMutation({ - onSuccess: () => { - queryClient.polls.comments.invalidate(); - posthog?.capture("created comment"); - }, - }); - const session = useUser(); const { register, reset, control, handleSubmit, formState } = @@ -93,7 +87,20 @@ function NewCommentForm({ content: "", }, }); + const { toast } = useToast(); + const addComment = trpc.polls.comments.add.useMutation({ + onSuccess: () => { + queryClient.polls.comments.invalidate(); + posthog?.capture("created comment"); + }, + onError: (error) => { + toast({ + title: "Error", + description: error.message, + }); + }, + }); return (