\n {hearts.map((_, i) => (\n \n 💗\n

\n ))}\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const [playing, setPlaying] = useState(false);\n const audioRef = useRef(null);\n\n const yesButtonSize = 18 + noClicks * 8;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => setNoClicks((p) => p + 1);\n const handleYes = () => setAccepted(true);\n\n const toggleMusic = async () => {\n if (!audioRef.current) return;\n\n try {\n if (playing) {\n audioRef.current.pause();\n setPlaying(false);\n } else {\n audioRef.current.currentTime = 0;\n await audioRef.current.play(); // IMPORTANT\n setPlaying(true);\n }\n } catch (err) {\n alert(\"Tap again to start music 🎵\");\n console.log(err);\n }\n };\n\n return (\n \n {/* MUSIC */}\n \n\n \n {playing ? \"Pause Music 🔇\" : \"Play Music 🎵\"}\n \n\n \n\n {!accepted ? (\n <>\n

\n\n \n 💖 Hey love from the first time I laid eyes on you I knew we would end\n up together even when you said we wouldn't. You are my north star and\n my rock. 😘😘\n

\n\n

\n Will you Be My Valentine? 🌹\n

\n\n

\n \n Yes 💖\n \n\n \n {noClicks === 0\n ? \"No 🙈\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n ) : (\n <>\n

\n \n Yay!!! 💕🎉\n \n \n )}\n\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request) {\n return new Response(\n `\n \n Cute Valentine Invite\n \n \n \n \n

\n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/lamar32/valentine/code/new-file-6042.ts","extension","actionData","errors"]