Conditional Logic

1function FeatureWithSupport() {
2  const { review } = useVibeReview();
3  const [needsHelp, setNeedsHelp] = useState(false);
4  
5  const handleFeature = () => {
6    review('complex-feature', {
7      onRate: (data) => {
8        // Low rating? Offer help!
9        if (data.rating <= 2) {
10          setNeedsHelp(true);
11        }
12      }
13    });
14  };
15  
16  return (
17    <>
18      <button onClick={handleFeature}>
19        Use the feature
20      </button>
21      
22      {needsHelp && (
23        <div className="help-banner">
24          <p>😕 Having trouble with this feature?</p>
25          <button onClick={openChat}>
26            💬 Talk to support
27          </button>
28        </div>
29      )}
30    </>
31  );
32}