📋

\n No habits created yet\n

\n Create your first habit to start building better routines!\n

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

\n {habits.map((habit) => (\n \n ))}\n

\n );\n}\n\ninterface HabitOverviewCardProps {\n habit: HabitWithCompletion;\n onEdit: (habit: HabitWithCompletion) => void;\n onDelete: (habitId: number) => void;\n}\n\nfunction HabitOverviewCard({ habit, onEdit, onDelete }: HabitOverviewCardProps) {\n return (\n

{habit.name}

\n onEdit(habit)}\n className=\"text-gray-400 hover:text-gray-600 p-1\"\n title=\"Edit habit\"\n >\n \n \n onDelete(habit.id)}\n className=\"text-gray-400 hover:text-red-600 p-1\"\n title=\"Delete habit\"\n >\n \n \n

\n\n {habit.description && (\n

{habit.description}

\n )}\n\n

\n {habit.current_streak !== undefined && habit.current_streak > 0 && (\n

\n 🔥\n {habit.current_streak}\n

\n )}\n {habit.total_completions !== undefined && (\n

\n {habit.total_completions} total\n

\n )}\n

\n \n {habit.completed_today && (\n

\n \n Done today\n

\n )}\n

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