\n {/* Header */}\n

\n {getStatusIcon(goal.status)}\n \n {goal.status.charAt(0).toUpperCase() + goal.status.slice(1)}\n \n

\n onEdit(goal)}\n className=\"p-1 text-gray-400 hover:text-blue-600 transition-colors\"\n title=\"Edit goal\"\n >\n ✏️\n \n setShowDeleteConfirm(true)}\n className=\"p-1 text-gray-400 hover:text-red-600 transition-colors\"\n title=\"Delete goal\"\n >\n 🗑️\n \n

\n\n {/* Title and Description */}\n

\n {goal.title}\n

\n {goal.description}\n

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

\n Progress\n {stats.completed_days}/{stats.total_days} days\n

\n {stats.completion_rate.toFixed(1)}% complete\n

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

{stats.current_streak}

Current Streak

{stats.longest_streak}

Best Streak

\n )}\n\n {/* Date Range */}\n

\n Start: {formatDate(goal.start_date)}\n End: {formatDate(goal.end_date)}\n

\n {stats && stats.days_remaining > 0 && (\n

\n {stats.days_remaining} days remaining\n

\n )}\n

\n\n {/* Action Button */}\n \n {goal.status === 'active' ? 'Track Progress' : 'View Progress'}\n \n

\n\n {/* Delete Confirmation Modal */}\n {showDeleteConfirm && (\n

Delete Goal

\n Are you sure you want to delete \"{goal.title}\"? This action cannot be undone.\n

\n setShowDeleteConfirm(false)}\n className=\"px-4 py-2 text-gray-700 bg-gray-100 hover:bg-gray-200 rounded-lg font-medium transition-colors\"\n >\n Cancel\n \n \n Delete\n \n

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