\n {/* Header */}\n

\n 🎯 Habits Tracker\n

\n Build better habits, one day at a time\n

\n setShowAddForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors flex items-center gap-2\"\n >\n +\n Add Habit\n \n

\n\n {/* Main Content */}\n

\n {/* Date Selector */}\n

\n Daily Tracking\n

\n setSelectedDate(e.target.value)}\n className=\"border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n {!isToday && (\n setSelectedDate(today)}\n className=\"text-blue-600 hover:text-blue-700 font-medium\"\n >\n Go to Today\n \n )}\n

\n \n {loading ? (\n

\n ) : (\n \n )}\n

\n\n {/* Habits Overview */}\n {trackingData && (\n

\n Your Habits\n

\n \n

\n )}\n

\n\n {/* Add/Edit Habit Modal */}\n {(showAddForm || editingHabit) && (\n

\n {\n setShowAddForm(false);\n setEditingHabit(null);\n }}\n />\n

\n )}\n

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