React to Feedback

1function FeatureButton() {
2  const { review } = useVibeReview();
3  const router = useRouter();
4  
5  const handleClick = async () => {
6    const result = await review('new-feature');
7    
8    // User gave 4-5 stars? Show them more!
9    const userRating = result.rating?.rating;
10    if (result.completed && userRating && userRating >= 4) {
11      router.push('/premium-features');
12    }
13  };
14  
15  return (
16    <button onClick={handleClick}>
17      ✨ Try the new feature
18    </button>
19  );
20}

1const { review } = useVibeReview();
2
3review('checkout', {
4  onRate: (data) => {
5    // Show thank you message for positive ratings
6    if (data.rating >= 4) {
7      toast.success("Glad you liked it! 🎉");
8    }
9  },
10  
11  onSubmit: () => {
12    // Redirect to next step after feedback
13    router.push('/success');
14  }
15});