Function CommentPinForm

src/components/comment/CommentPinForm.tsx:10–45

({
  commentId,
  contentId,
}: {
  commentId: number;
  contentId: number;
})

import { toast } from 'sonner';

const CommentPinForm = ({
  commentId,
  contentId,
}: {
  commentId: number;
  contentId: number;
}) => {
  const currentPath = usePathname();

  const { execute, isLoading } = useAction(pinComment, {
    onSuccess: () => {
      toast('Comment Pinned');
    },
    onError: (error) => {
      toast.error(error);
    },
  });
  const handleFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
    e.preventDefault();

    execute({
      commentId,
      contentId,
      currentPath,
    });
  };
  return (
    <form className="w-full" onSubmit={handleFormSubmit}>
      <button className="w-full" type="submit" disabled={isLoading}>
        <div className="flex items-center gap-1">
          Pin <PinIcon className="h-4 w-4" />
        </div>
      </button>
    </form>
  );
};

export default CommentPinForm;