+ {/* Header */}
+
+
My Applications
+
Track your job applications and their status
+
+
+ {/* Stats Cards */}
+
+
+
+
+
+
Total Applications
+
{totalApplications}
+
+
+
+
+
+
+
+
+
Pending Review
+
{pendingApplications}
+
+
+
+
+
+
+
+
+
Accepted
+
{acceptedApplications}
+
+
+
+
+
+
+
+
+
Rejected
+
{rejectedApplications}
+
+
+
+
+
+ {/* Applications List */}
+
+
+
Recent Applications
+
+
+
+ {mockApplications.map((application) => {
+ const appStatusConfig = getStatusConfig(application.status)
+ const AppStatusIcon = appStatusConfig.icon
+
+ return (
+
+
+
+
+
+
+
+
+
{application.jobTitle}
+
{application.company}
+
+
+
+ Applied: {application.appliedDate}
+
+
+
+ {application.location}
+
+
+
+ {application.salary}
+
+
+
+
+
+
+
+ {appStatusConfig.text}
+
+
+
+
+
+
+
+ Resume: {application.resume}
+
+
+
+ Deadline: {application.deadline}
+
+
+
+
+
+
+
+ )
+ })}
+
+
+ {/* Empty State */}
+ {mockApplications.length === 0 && (
+
+
+
+ No applications yet
+ Start applying to jobs to see your applications here
+
+
+
+ )}
+
-
+