@@ -414,8 +414,9 @@ function ShowcaseDetailPage() {
414414 { isEditing ? (
415415 < div className = "space-y-4" >
416416 < div >
417- < label className = { labelClass } > URL</ label >
417+ < label htmlFor = "url" className = { labelClass } > URL</ label >
418418 < input
419+ id = "url"
419420 type = "text"
420421 value = { formData ?. url || '' }
421422 onChange = { ( e ) =>
@@ -440,10 +441,11 @@ function ShowcaseDetailPage() {
440441 size = "small"
441442 />
442443 < div >
443- < label className = { labelClass } >
444+ < label htmlFor = "src" className = { labelClass } >
444445 Source Code URL (optional)
445446 </ label >
446447 < input
448+ id = "src"
447449 type = "url"
448450 value = { formData ?. sourceUrl || '' }
449451 onChange = { ( e ) =>
@@ -461,8 +463,9 @@ function ShowcaseDetailPage() {
461463 </ p >
462464 </ div >
463465 < div >
464- < label className = { labelClass } > Description (optional)</ label >
466+ < label htmlFor = "description" className = { labelClass } > Description (optional)</ label >
465467 < textarea
468+ id = "description"
466469 value = { formData ?. description || '' }
467470 onChange = { ( e ) =>
468471 setFormData ( ( prev ) =>
@@ -474,8 +477,9 @@ function ShowcaseDetailPage() {
474477 />
475478 </ div >
476479 < div >
477- < label className = { labelClass } > Tranco Rank</ label >
480+ < label htmlFor = "trancoRank" className = { labelClass } > Tranco Rank</ label >
478481 < input
482+ id = "trancoRank"
479483 type = "number"
480484 value = { formData ?. trancoRank ?? '' }
481485 onChange = { ( e ) =>
@@ -498,8 +502,9 @@ function ShowcaseDetailPage() {
498502 </ p >
499503 </ div >
500504 < div >
501- < label className = { labelClass } > Vote Score</ label >
505+ < label htmlFor = "voteScore" className = { labelClass } > Vote Score</ label >
502506 < input
507+ id = "voteScore"
503508 type = "number"
504509 value = { formData ?. voteScore ?? 0 }
505510 onChange = { ( e ) =>
@@ -762,8 +767,9 @@ function ShowcaseDetailPage() {
762767 </ h2 >
763768 < div className = "grid grid-cols-1 md:grid-cols-2 gap-4" >
764769 < div >
765- < label className = { labelClass } > Status</ label >
770+ < label htmlFor = "status" className = { labelClass } > Status</ label >
766771 < select
772+ id = "status"
767773 value = { formData ?. status || 'pending' }
768774 onChange = { ( e ) =>
769775 setFormData ( ( prev ) =>
@@ -782,9 +788,10 @@ function ShowcaseDetailPage() {
782788 </ select >
783789 </ div >
784790 < div >
785- < label className = { labelClass } > Featured</ label >
791+ < label htmlFor = "featured" className = { labelClass } > Featured</ label >
786792 < div className = "flex items-center gap-3 mt-2" >
787793 < button
794+ id = "featured"
788795 type = "button"
789796 onClick = { ( ) =>
790797 setFormData ( ( prev ) =>
@@ -809,8 +816,9 @@ function ShowcaseDetailPage() {
809816 </ div >
810817 </ div >
811818 < div className = "md:col-span-2" >
812- < label className = { labelClass } > Moderation Note (optional)</ label >
819+ < label htmlFor = "note" className = { labelClass } > Moderation Note (optional)</ label >
813820 < textarea
821+ id = "note"
814822 value = { formData ?. moderationNote || '' }
815823 onChange = { ( e ) =>
816824 setFormData ( ( prev ) =>
0 commit comments