onClick(task.id)}\n >\n

\n {/* Header */}\n

\n {task.title}\n

\n \n {CATEGORY_LABELS[task.category]}\n \n \n {DIFFICULTY_LABELS[task.difficulty]}\n \n \n {getStatusIcon(task.status)} {task.status.replace('_', ' ')}\n \n

\n {task.token_cost}\n

tokens

\n\n {/* Description */}\n

\n {truncateText(task.description, 150)}\n

\n\n {/* Skills */}\n

Required Skills:

\n {task.required_skills.slice(0, 4).map(skill => (\n \n {skill}\n \n ))}\n {task.required_skills.length > 4 && (\n \n +{task.required_skills.length - 4} more\n \n )}\n

\n\n {/* Footer */}\n

\n {showCreator && task.creator && (\n

\n \n {task.creator.full_name}\n

\n )}\n

\n ⏱️\n {task.estimated_hours}h\n

\n {formatTimeAgo(task.created_at)}\n

\n\n {/* Deadline if exists */}\n {task.deadline && (\n

\n 📅\n Due: {new Date(task.deadline).toLocaleDateString()}\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/vishuu6969696969/taskswap/code/frontend/components/TaskCard.tsx","extension","actionData","errors"]