Quick date preferences 💕

\n\n \n Date vibe:\n
\n \n \n\n
\n
\n\n \n Food:\n
\n \n \n\n
\n
\n\n \n Activity:\n
\n \n \n\n
\n
\n\n \n Anything I should know?\n
\n \n \n\n
\n
\n\n onSubmit(form)}\n style={{\n backgroundColor: \"#ff69b4\",\n color: \"white\",\n border: \"none\",\n padding: \"10px 16px\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n }}\n >\n Send via Telegram 💙\n \n \n );\n}\n\n// =====================\n// MAIN APP\n// =====================\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [showSurvey, setShowSurvey] = useState(false);\n const [submitted, setSubmitted] = useState(false);\n const [calendarLink, setCalendarLink] = useState(null);\n\n const yesButtonSize = Math.min((noClicks * 20) + 16, 72);\n\n const firstImg = \"https://media.tenor.com/5rogGu3jeqAAAAAi/rabbit-love.gif\";\n const secondImg = \"https://media.tenor.com/W_4cIjlMTZsAAAAj/cc.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n setShowSurvey(true);\n };\n\n // =====================\n // TELEGRAM DIRECT MESSAGE SUBMIT\n // =====================\n const handleSurveySubmit = (data) => {\n const message = `\n💘 Leonie's Valentine Date Preferences 💘\n\n🌹 Vibe: ${data.vibe || \"—\"}\n🍽 Food: ${data.food || \"—\"}\n📅 Activity: ${data.activity || \"—\"}\n\n💬 Notes:\n${data.note || \"—\"}\n `.trim();\n\n // Replace YOUR_USERNAME with your Telegram username (no @)\n const telegramUrl = `https://t.me/GetMeOutOfHere?text=${\n encodeURIComponent(\n message,\n )\n }`;\n\n window.open(telegramUrl, \"_blank\");\n\n // Create calendar invite\n const createCalendarInvite = () => {\n const now = new Date();\n const year = now.getFullYear();\n const startDate = new Date(year, 1, 14, 19, 0); // Feb = month 1 (0-indexed), 7:00 PM\n const endDate = new Date(year, 1, 14, 21, 0); // 2-hour date, 9:00 PM\n\n const pad = (num) => String(num).padStart(2, \"0\");\n\n const formatDate = (d) =>\n `${d.getUTCFullYear()}${pad(d.getUTCMonth() + 1)}${\n pad(\n d.getUTCDate(),\n )\n }T${pad(d.getUTCHours())}${pad(d.getUTCMinutes())}00Z`;\n\n const icsContent = `\nBEGIN:VCALENDAR\nVERSION:2.0\nBEGIN:VEVENT\nDTSTART:${formatDate(startDate)}\nDTEND:${formatDate(endDate)}\nSUMMARY:Valentine Date with Leonie 💘\nDESCRIPTION:Excited for our date! 💕\nLOCATION:Your favorite spot\nEND:VEVENT\nEND:VCALENDAR\n `.trim();\n\n const blob = new Blob([icsContent], { type: \"text/calendar\" });\n return URL.createObjectURL(blob);\n };\n\n const calendarUrl = createCalendarInvite();\n setCalendarLink(calendarUrl);\n\n setShowSurvey(false);\n setSubmitted(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Hi Leonie! Will you be my Valentine? 💘

\n\n

\n \n Yes, of course!\n \n\n \n {noClicks === 0\n ? \"No, why would I?\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

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

\n\n \n Yay!!! 💖🎉\n \n\n {showSurvey && }\n\n {submitted && (\n

\n Got it 💕 Let's do something fun!\n

\n )}\n\n {submitted && calendarLink && (\n

\n \n Add Date to Calendar 📅\n \n

\n )}\n \n )}\n \n );\n}\n\n// =====================\n// CLIENT + SERVER\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 \n Valentine's Day Invitation\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/testsys123/valentine/code/main.tsx","extension","actionData","errors"]