{activity.title}

\n {formatDate(activity.activity_date)} at {formatTime(activity.activity_date)}\n {activity.location && ` · ${activity.location}`}\n

\n {activity.proposer_emoji}\n

\n\n {activity.description &&

{activity.description}

}\n\n {/* Vote summary */}\n

\n \n \n {inCount} in\n \n \n \n {maybeCount} maybe\n \n \n \n {outCount} out\n \n

\n\n {/* Voting section */}\n {!isPast && roommates.length > 0 && (\n

\n Who's in?\n

\n {roommates.map((roommate) => {\n const vote = activity.votes.find((v) => v.roommate_id === roommate.id);\n return (\n

\n \n {roommate.emoji} {roommate.name}\n \n

\n );\n })}\n

\n )}\n\n {/* Delete button */}\n

\n \n Delete activity\n \n \n \n );\n}\n\n// Main dashboard\napp.get(\"/\", async (c) => {\n const roommates = await getAllRoommates();\n const activities = await getAllActivities();\n\n const upcomingActivities = activities.filter((a) => a.activity_date >= Date.now());\n const pastActivities = activities.filter((a) => a.activity_date < Date.now());\n\n return c.html(\n \n

\n {/* Header */}\n

🏠 Roommate HQ

Plan fun stuff together

\n\n {/* Roommates section */}\n

The Crew

\n \n + Add\n \n

\n\n {roommates.length === 0 ? (\n

\n No roommates yet! Add your crew above.\n

\n ) : (\n

\n {roommates.map((r) => (\n \n {r.emoji}\n {r.name}\n \n \n ×\n \n \n

\n ))}\n

\n )}\n

\n\n {/* Add Activity button */}\n {roommates.length > 0 && (\n \n ✨ Propose an Activity\n \n )}\n\n {/* Activities */}\n {upcomingActivities.length === 0 && pastActivities.length === 0 ? (\n

No activities yet.

\n {roommates.length > 0 && (\n

Propose something fun!

\n )}\n

\n ) : (\n

\n {upcomingActivities.map((activity) => (\n \n ))}\n\n {pastActivities.length > 0 && (\n

\n \n {pastActivities.length} past activities\n ▼\n \n

\n {pastActivities.map((activity) => (\n \n ))}\n

\n )}\n

\n )}\n\n {/* Add Roommate Modal */}\n \n );\n});\n\n// Add roommate\napp.post(\"/roommate\", async (c) => {\n const body = await c.req.parseBody();\n const name = String(body.name || \"\").trim();\n const emoji = String(body.emoji || \"🏠\");\n\n if (name) {\n await addRoommate(name, emoji);\n }\n return c.redirect(\"/\");\n});\n\n// Delete roommate\napp.post(\"/roommate/:id/delete\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await deleteRoommate(id);\n return c.redirect(\"/\");\n});\n\n// Add activity\napp.post(\"/activity\", async (c) => {\n const body = await c.req.parseBody();\n const title = String(body.title || \"\").trim();\n const description = String(body.description || \"\").trim();\n const location = String(body.location || \"\").trim();\n const datetime = String(body.datetime || \"\");\n const proposedBy = parseInt(String(body.proposed_by));\n\n if (title && datetime && proposedBy) {\n const activityDate = new Date(datetime).getTime();\n await addActivity(title, description, proposedBy, activityDate, location);\n }\n return c.redirect(\"/\");\n});\n\n// Delete activity\napp.post(\"/activity/:id/delete\", async (c) => {\n const id = parseInt(c.req.param(\"id\"));\n await deleteActivity(id);\n return c.redirect(\"/\");\n});\n\n// Vote on activity\napp.post(\"/vote/:activityId/:roommateId\", async (c) => {\n const activityId = parseInt(c.req.param(\"activityId\"));\n const roommateId = parseInt(c.req.param(\"roommateId\"));\n const body = await c.req.parseBody();\n const status = String(body.status) as \"in\" | \"maybe\" | \"out\";\n\n if ([\"in\", \"maybe\", \"out\"].includes(status)) {\n await setVote(activityId, roommateId, status);\n }\n return c.redirect(\"/\");\n});\n\nexport default app.fetch;\n","deleted","label",[99],"permalink","https://www.val.town/x/dcm31/roommate-activities/code/dashboard.tsx","extension","actionData","errors"]

{activity.title}

🏠 Roommate HQ

The Crew

Add Roommate

Propose Activity