Chcesz zobaczyć możliwości Fusion 360 ? Umów się na prezentacje onlinE
return ( <> <button aria-label="Berikan genjotan untuk membuat kakak bahagia" disabled=loading onClick=handleGenjot className="genjot-btn" > loading ? '⏳' : '❤️ Genjot' </button>
export const GenjotButton = ( kakakId : kakakId: string ) => const [loading, setLoading] = useState(false); const [showHappy, setShowHappy] = useState(false);
showHappy && ( <div className="happy-overlay" aria-live="polite"> <Lottie options= animationData: happyAnim, loop: false /> </div> ) </> ); ; // routes/kakak.js router.post('/:id/genjot', async (req, res) => const kakakId = req.params.id; const userId = req.user.id;
res.json( status: 'ok', new_happiness_score: kakak.happinessScore, animation: 'happy', reward_points: 1, ); ); CREATE TABLE kakak ( id UUID PRIMARY KEY, name TEXT NOT NULL, happiness_score INT DEFAULT 0, avatar_url TEXT );
// 2️⃣ update score const kakak = await Kakak.findByPk(kakakId); kakak.happinessScore += 1; await kakak.save();
return ( <> <button aria-label="Berikan genjotan untuk membuat kakak bahagia" disabled=loading onClick=handleGenjot className="genjot-btn" > loading ? '⏳' : '❤️ Genjot' </button>
export const GenjotButton = ( kakakId : kakakId: string ) => const [loading, setLoading] = useState(false); const [showHappy, setShowHappy] = useState(false); return ( <
showHappy && ( <div className="happy-overlay" aria-live="polite"> <Lottie options= animationData: happyAnim, loop: false /> </div> ) </> ); ; // routes/kakak.js router.post('/:id/genjot', async (req, res) => const kakakId = req.params.id; const userId = req.user.id; setLoading] = useState(false)
res.json( status: 'ok', new_happiness_score: kakak.happinessScore, animation: 'happy', reward_points: 1, ); ); CREATE TABLE kakak ( id UUID PRIMARY KEY, name TEXT NOT NULL, happiness_score INT DEFAULT 0, avatar_url TEXT ); setShowHappy] = useState(false)
// 2️⃣ update score const kakak = await Kakak.findByPk(kakakId); kakak.happinessScore += 1; await kakak.save();