{props.title ?? \"Salah Time\"}

\n \n\n {props.children}\n

\n \n \n);\n\napp.get(\"/\", async (c: Context) => {\n const user = await getCookie(c, \"user\");\n if (!user) {\n const userId = crypto.randomUUID();\n await setCookie(c, \"user\", userId, { maxAge: 60 * 60 * 24 * 30 });\n return c.redirect(\"/edit\");\n }\n const salahTimes = await blob.getJSON(\"salahTimes-\" + user) as SalahTimes;\n \n if (!salahTimes?.length)\n return c.redirect(\"/edit\");\n return c.html(\n Edit}>\n \n \n \n \n \n \n \n \n {salahTimes.map(({ salah, time }) => (\n \n \n \n \n ))}\n \n

Salah	Time
{salah}	{time}

\n ,\n );\n});\n\napp.get(\"/edit\", (c: Context) =>\n c.html(\n View Time}>\n \n ,\n ));\n\napp.post(\"/\", async (c: Context) => {\n const fd = await c.req.formData();\n const file = fd.get(\"file\") as File;\n // convert the file to base64\n const base64 = await new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onload = () => resolve(reader.result as string);\n reader.onerror = () => reject(reader.error);\n reader.readAsDataURL(file);\n });\n\n const fileData = base64.split(\",\").slice(1).join(\",\");\n\n const resp = await imagePrompt(fileData, file.type);\n const result = JSON.parse(resp.text) as SalahTimes;\n return c.html(\n View Timing}>\n

\n \n \n \n \n \n \n \n \n {result.map(({ salah, time }) => (\n \n \n \n \n ))}\n \n \n \n \n

Salah	Time
\n {salah}\n	\n \n

\n ,\n );\n});\n\napp.post(\"/save\", async (c: Context) => {\n const user = await getCookie(c, \"user\");\n if (!user) {\n return c.redirect(\"/\");\n }\n const fd = await c.req.formData();\n const result: SalahTimes = [];\n for (const [salah, time] of fd.entries()) {\n result.push({salah, time})\n }\n console.log({result})\n await blob.setJSON(\"salahTimes-\" + user, result);\n return c.redirect(\"/\");\n});\n\nexport default app.fetch;","deleted","label","salahtime",[98],"permalink","https://www.val.town/x/rayyan/salahTimes/code/main.tsx","extension","actionData","errors"]