Loading...

\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

{goal.title}

{goal.description}

\n \n ×\n \n

\n\n {/* Stats Summary */}\n {stats && (\n

{stats.completion_rate.toFixed(1)}%

Complete

{stats.completed_days}

Days Done

{stats.current_streak}

Current Streak

{stats.longest_streak}

Best Streak

\n )}\n\n {/* Progress Bar */}\n {stats && (\n

\n Overall Progress\n {stats.completed_days} of {stats.total_days} days\n

\n )}\n\n {/* Daily Checklist */}\n

Daily Progress

\n \n {/* Recent days first, then chronological */}\n {allDates.slice().reverse().map(date => {\n const status = getDayStatus(date);\n const entry = entryMap.get(date);\n const isUpdating = updating === date;\n const canToggle = !isDayInFuture(date) && goal.status === 'active';\n\n return (\n toggleDay(date, entry?.completed || false) : undefined}\n >\n

\n \n {isUpdating ? (\n

\n ) : (\n getStatusIcon(status)\n )}\n

\n {formatDisplayDate(date)}\n

\n {new Date(date).toLocaleDateString('en-US', { \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n })}\n

\n\n

\n {status === 'completed' && (\n

Completed

\n )}\n {status === 'missed' && (\n

Missed

\n )}\n {status === 'pending' && (\n

Pending

\n )}\n {status === 'future' && (\n

Upcoming

\n )}\n {entry?.notes && (\n

{entry.notes}

\n )}\n

\n \n );\n })}\n \n\n {/* Instructions */}\n {goal.status === 'active' && (\n

\n 💡 Tip: Click on any day to mark it as completed or missed. \n Keep your streak going by checking in daily!\n

\n )}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/magadjiya/Accountability_Tracker/code/frontend/components/DailyChecklist.tsx","extension","actionData","errors"]