Personalize the experience based on past feedback
Don't ask for feedback again if they already love it. Ask for more!
1function SmartExportButton() {
2 const { review, getUserRating } = useProofConvert();
3 const [mood, setMood] = useState('unknown'); // 'fan', 'unhappy', 'unknown'
4
5 useEffect(() => {
6 getUserRating('export-pdf').then(data => {
7 if (data?.rating >= 5) setMood('fan');
8 else if (data?.rating <= 2) setMood('unhappy');
9 });
10 }, []);
11
12 if (mood === 'fan') {
13 return (
14 <button onClick={() => window.open('/referral')}>
15 đ Invite a Friend
16 </button>
17 );
18 }
19
20 if (mood === 'unhappy') {
21 return (
22 <button onClick={() => window.open('/support')}>
23 đŦ Contact Support
24 </button>
25 );
26 }
27
28 return (
29 <button onClick={() => review('export-pdf')}>
30 đ Export PDF
31 </button>
32 );
33}