@@ -78,9 +78,9 @@ function TeamDetails() {
7878 cohort : team ?. cohort ?. name ,
7979 teamname : team . name ,
8080 coordinator : team ?. cohort ?. coordinator ?. profile
81- ? team . cohort ?. coordinator . profile . name
81+ ? team ? .cohort ?. coordinator ? .profile ? .name
8282 : team ?. cohort ?. coordinator ?. email ,
83- ttl : team ?. ttl ?. profile ? team . ttl . profile . name : team ?. ttl ?. email ,
83+ ttl : team ?. ttl ?. profile ? team ? .ttl ? .profile ? .name : team ?. ttl ?. email ,
8484 Qty,
8585 Qnty,
8686 skills,
@@ -228,12 +228,12 @@ function TeamDetails() {
228228 < h1 className = "font-bold text-xl" > { teamname } </ h1 >
229229 < div className = "border-r-2 h-6 border-black" />
230230 < h1 className = "font-extrabold text-xl" >
231- { selectedTeam . cohort }
231+ { selectedTeam ? .cohort }
232232 </ h1 >
233233 </ div >
234234 < div className = "relative dark:text-black" >
235235 < p > Coordinator: { selectedTeam ?. coordinator } </ p >
236- < p > TTL: { selectedTeam . ttl } </ p >
236+ < p > TTL: { selectedTeam ? .ttl } </ p >
237237 </ div >
238238 </ div >
239239
@@ -285,12 +285,12 @@ function TeamDetails() {
285285 < div className = "flex flex-row lg:flex-row " >
286286 < div className = "w-[90px]" >
287287 < CircularProgressbar
288- value = { ( selectedTeam . Qty / 2 ) * 100 }
289- text = { `${ selectedTeam . Qty . toFixed ( 1 ) } ` }
290- className = { getRatingColorClass ( selectedTeam . Qty ) }
288+ value = { ( selectedTeam ? .Qty / 2 ) * 100 }
289+ text = { `${ selectedTeam ? .Qty . toFixed ( 1 ) } ` }
290+ className = { getRatingColorClass ( selectedTeam ? .Qty ) }
291291 styles = { {
292292 path : {
293- stroke : getColor ( selectedTeam . Qty ) ,
293+ stroke : getColor ( selectedTeam ? .Qty ) ,
294294 transition : 'stroke-dashoffset 0.5s ease 0s' ,
295295 } ,
296296 trail : {
@@ -310,10 +310,11 @@ function TeamDetails() {
310310 < ul className = "list-disc" >
311311 < li > Quality</ li >
312312 </ ul >
313- < span style = { { color : getColor ( selectedTeam . Qty ) } } >
314- { selectedTeam . Qty >= 1.5 && selectedTeam . Qty <= 2
313+ < span style = { { color : getColor ( selectedTeam ? .Qty ) } } >
314+ { selectedTeam ? .Qty >= 1.5 && selectedTeam ? .Qty <= 2
315315 ? 'Good'
316- : selectedTeam . Qty >= 1 && selectedTeam . Qty < 1.5
316+ : selectedTeam ?. Qty >= 1 &&
317+ selectedTeam ?. Qty < 1.5
317318 ? 'Improve'
318319 : 'Poor' }
319320 </ span >
@@ -322,11 +323,11 @@ function TeamDetails() {
322323 < div className = " flex flex-row lg:flex-row " >
323324 < div className = "w-[90px] " >
324325 < CircularProgressbar
325- value = { ( selectedTeam . Qnty / 2 ) * 100 }
326- text = { `${ selectedTeam . Qnty . toFixed ( 1 ) } ` }
326+ value = { ( selectedTeam ? .Qnty / 2 ) * 100 }
327+ text = { `${ selectedTeam ? .Qnty . toFixed ( 1 ) } ` }
327328 styles = { {
328329 path : {
329- stroke : getColor ( selectedTeam . Qnty ) ,
330+ stroke : getColor ( selectedTeam ? .Qnty ) ,
330331 transition : 'stroke-dashoffset 0.5s ease 0s' ,
331332 } ,
332333 trail : {
@@ -346,11 +347,12 @@ function TeamDetails() {
346347 < ul className = "list-disc " >
347348 < li > Quantity</ li >
348349 </ ul >
349- < span style = { { color : getColor ( selectedTeam . Qnty ) } } >
350- { selectedTeam . Qnty >= 1.5 && selectedTeam . Qnty <= 2
350+ < span style = { { color : getColor ( selectedTeam ?. Qnty ) } } >
351+ { selectedTeam ?. Qnty >= 1.5 &&
352+ selectedTeam ?. Qnty <= 2
351353 ? 'Good'
352- : selectedTeam . Qnty >= 1 &&
353- selectedTeam . Qnty < 1.5
354+ : selectedTeam ? .Qnty >= 1 &&
355+ selectedTeam ? .Qnty < 1.5
354356 ? 'Improve'
355357 : 'Poor' }
356358 </ span >
@@ -360,11 +362,11 @@ function TeamDetails() {
360362 < div className = " w-full flex flex-row" >
361363 < div className = "w-[90px] " >
362364 < CircularProgressbar
363- value = { ( selectedTeam . skills / 2 ) * 100 }
364- text = { `${ selectedTeam . skills . toFixed ( 1 ) } ` }
365+ value = { ( selectedTeam ? .skills / 2 ) * 100 }
366+ text = { `${ selectedTeam ? .skills . toFixed ( 1 ) } ` }
365367 styles = { {
366368 path : {
367- stroke : getColor ( selectedTeam . skills ) ,
369+ stroke : getColor ( selectedTeam ? .skills ) ,
368370 transition : 'stroke-dashoffset 0.5s ease 0s' ,
369371 } ,
370372 trail : {
@@ -384,12 +386,12 @@ function TeamDetails() {
384386 < ul className = "list-disc " >
385387 < li > Professionalism</ li >
386388 </ ul >
387- < span style = { { color : getColor ( selectedTeam . skills ) } } >
388- { selectedTeam . skills >= 1.5 &&
389- selectedTeam . skills <= 2
389+ < span style = { { color : getColor ( selectedTeam ? .skills ) } } >
390+ { selectedTeam ? .skills >= 1.5 &&
391+ selectedTeam ? .skills <= 2
390392 ? 'Good'
391- : selectedTeam . skills >= 1 &&
392- selectedTeam . skills < 1.5
393+ : selectedTeam ? .skills >= 1 &&
394+ selectedTeam ? .skills < 1.5
393395 ? 'Improve'
394396 : 'Poor' }
395397 </ span >
0 commit comments