Habit Tracker

{formatDate(today)}

\n setShowForm(!showForm)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium habit-button\"\n >\n {showForm ? 'Cancel' : '+ Add Habit'}\n \n

\n\n

\n {/* Error Message */}\n {error && (\n

{error}

\n \n

\n )}\n\n {/* Stats Dashboard */}\n {stats && (\n

{stats.total_habits}

Total Habits

{stats.completed_today}

Completed Today

{stats.current_streaks}

Active Streaks

{stats.longest_streak}

Best Streak

\n )}\n\n {/* Habit Form */}\n {showForm && (\n

\n \n

\n )}\n\n {/* Habits List */}\n \n\n {/* Empty State */}\n {habits.length === 0 && !loading && (\n

🎯

No habits yet

Start building better habits today!

\n setShowForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium habit-button\"\n >\n Create Your First Habit\n \n

\n )}\n

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