\n {[1, 2, 3, 4, 5].map((star) => (\n \n ★\n \n ))}\n

\n );\n}\n\nfunction formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n}\n\nexport default function ReviewCard({ review }: ReviewCardProps) {\n return (\n

\n {/* Header */}\n

{review.company_name}

{review.job_title}

\n \n {review.overall_rating}/5\n

\n \n {review.employment_status === 'current' ? 'Current Employee' : 'Former Employee'}\n \n

{formatDate(review.created_at)}

\n {review.would_recommend ? '👍 Recommends' : '👎 Doesn\\'t Recommend'}\n

\n\n {/* Detailed Ratings */}\n

Work-Life Balance

\n \n

{review.work_life_balance}/5

Compensation

\n \n

{review.compensation}/5

Culture

\n \n

{review.culture}/5

Management

\n \n

{review.management}/5

Career Growth

\n \n

{review.career_growth}/5

\n\n {/* Review Content */}\n

✓ Pros

{review.pros}

\n\n

✗ Cons

{review.cons}

\n\n {review.advice_to_management && (\n

💡 Advice to Management

{review.advice_to_management}

\n )}\n

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