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

\n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media1.tenor.com/m/HLTXw5-QxCkAAAAd/bubu-dudu-kisses.gif\";\n\n return (\n

\n \n\n {!isValentine ? (\n <>\n

Dear Shorty, will you be my Valentine? 💘

\n\n

\n setIsValentine(true)}\n >\n YUSH\n \n\n \n

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

YAYAYAYAYYYYYYY!!! 💖🎉

\n \n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server() {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \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/Nujitha/valentine/code/main.tsx","extension","actionData","errors"]