@@ -20,6 +20,9 @@ interface Application {
2020 _id : string ;
2121 status : string ;
2222 createdAt : string ;
23+ mentorNotes ?: string ;
24+ score ?: number ;
25+ reviewedAt ?: string ;
2326 project : {
2427 _id : string ;
2528 title : string ;
@@ -201,32 +204,63 @@ export default function MenteeDashboard() {
201204 </ Link >
202205 </ div >
203206 ) : (
204- applications . map ( ( app ) => (
205- < div key = { app . _id } className = "neo-brutal-card p-6" >
206- < div className = "flex items-start justify-between gap-4" >
207- < div className = "flex-1" >
208- < div className = "flex items-center gap-3 mb-2" >
209- { getStatusIcon ( app . status ) }
210- < span className = { `neo-brutal-badge text-xs text-white ${ getStatusColor ( app . status ) } ` } >
211- { app . status . replace ( '-' , ' ' ) }
212- </ span >
207+ applications . map ( ( app ) => {
208+ const hasFeedback =
209+ ( app . status === 'accepted' ||
210+ app . status === 'rejected' ||
211+ app . status === 'waitlisted' ||
212+ app . status === 'under-review' ) &&
213+ ( app . mentorNotes || typeof app . score === 'number' ) ;
214+
215+ return (
216+ < div key = { app . _id } className = "neo-brutal-card p-6" >
217+ < div className = "flex items-start justify-between gap-4" >
218+ < div className = "flex-1" >
219+ < div className = "flex items-center gap-3 mb-2" >
220+ { getStatusIcon ( app . status ) }
221+ < span className = { `neo-brutal-badge text-xs text-white ${ getStatusColor ( app . status ) } ` } >
222+ { app . status . replace ( '-' , ' ' ) }
223+ </ span >
224+ { typeof app . score === 'number' && (
225+ < span className = "neo-brutal-badge text-xs bg-[var(--dsoc-purple)] text-white" >
226+ Score: { app . score } /100
227+ </ span >
228+ ) }
229+ </ div >
230+ < h3 className = "text-xl font-bold" > { app . project . title } </ h3 >
231+ < p className = "text-muted-foreground" > { app . project . organization } </ p >
232+ < p className = "text-sm text-muted-foreground mt-2" >
233+ Applied on { new Date ( app . createdAt ) . toLocaleDateString ( ) }
234+ { app . reviewedAt && (
235+ < >
236+ { ' • Reviewed ' }
237+ { new Date ( app . reviewedAt ) . toLocaleDateString ( ) }
238+ </ >
239+ ) }
240+ </ p >
213241 </ div >
214- < h3 className = "text-xl font-bold" > { app . project . title } </ h3 >
215- < p className = "text-muted-foreground" > { app . project . organization } </ p >
216- < p className = "text-sm text-muted-foreground mt-2" >
217- Applied on { new Date ( app . createdAt ) . toLocaleDateString ( ) }
218- </ p >
242+ < Link
243+ href = { `/dsoc/projects/${ app . project . _id } ` }
244+ className = "neo-brutal-btn neo-brutal-btn-secondary py-2 px-4 text-sm"
245+ >
246+ < ExternalLink className = "w-4 h-4 mr-2" />
247+ View Project
248+ </ Link >
219249 </ div >
220- < Link
221- href = { `/dsoc/projects/${ app . project . _id } ` }
222- className = "neo-brutal-btn neo-brutal-btn-secondary py-2 px-4 text-sm"
223- >
224- < ExternalLink className = "w-4 h-4 mr-2" />
225- View Project
226- </ Link >
250+
251+ { hasFeedback && app . mentorNotes && (
252+ < div className = "mt-4 p-4 bg-[var(--dsoc-light)] border-4 border-[var(--dsoc-dark)]" >
253+ < div className = "text-xs font-black uppercase tracking-wider text-muted-foreground mb-2" >
254+ Mentor Feedback
255+ </ div >
256+ < p className = "text-sm whitespace-pre-wrap leading-relaxed" >
257+ { app . mentorNotes }
258+ </ p >
259+ </ div >
260+ ) }
227261 </ div >
228- </ div >
229- ) )
262+ ) ;
263+ } )
230264 ) }
231265 </ div >
232266 ) }
0 commit comments