@@ -357,7 +357,7 @@ function ShowcaseDetailPage() {
357357 < Badge
358358 variant = {
359359 statusVariant [
360- showcase . status as keyof typeof statusVariant
360+ showcase . status as keyof typeof statusVariant
361361 ]
362362 }
363363 >
@@ -487,11 +487,11 @@ function ShowcaseDetailPage() {
487487 setFormData ( ( prev ) =>
488488 prev
489489 ? {
490- ...prev ,
491- trancoRank : e . target . value
492- ? parseInt ( e . target . value , 10 )
493- : null ,
494- }
490+ ...prev ,
491+ trancoRank : e . target . value
492+ ? parseInt ( e . target . value , 10 )
493+ : null ,
494+ }
495495 : null ,
496496 )
497497 }
@@ -513,9 +513,9 @@ function ShowcaseDetailPage() {
513513 setFormData ( ( prev ) =>
514514 prev
515515 ? {
516- ...prev ,
517- voteScore : parseInt ( e . target . value , 10 ) || 0 ,
518- }
516+ ...prev ,
517+ voteScore : parseInt ( e . target . value , 10 ) || 0 ,
518+ }
519519 : null ,
520520 )
521521 }
@@ -591,12 +591,13 @@ function ShowcaseDetailPage() {
591591 < ThumbsUp className = "w-4 h-4" />
592592 </ button >
593593 < span
594- className = { `inline-flex items-center px-2.5 py-1 rounded-full text-sm font-medium ${ showcase . voteScore > 0
595- ? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300'
596- : showcase . voteScore < 0
597- ? 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300'
598- : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300'
599- } `}
594+ className = { `inline-flex items-center px-2.5 py-1 rounded-full text-sm font-medium ${
595+ showcase . voteScore > 0
596+ ? 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300'
597+ : showcase . voteScore < 0
598+ ? 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300'
599+ : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300'
600+ } `}
600601 >
601602 { showcase . voteScore > 0 ? '+' : '' }
602603 { showcase . voteScore }
@@ -685,10 +686,11 @@ function ShowcaseDetailPage() {
685686 return { ...prev , libraries : newLibs }
686687 } )
687688 }
688- className = { `inline-flex items-center px-3 py-1 rounded-full text-sm font-medium transition-colors ${ isSelected
689- ? 'bg-blue-600 text-white'
690- : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
691- } `}
689+ className = { `inline-flex items-center px-3 py-1 rounded-full text-sm font-medium transition-colors ${
690+ isSelected
691+ ? 'bg-blue-600 text-white'
692+ : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
693+ } `}
692694 >
693695 { lib . name }
694696 </ button >
@@ -731,10 +733,11 @@ function ShowcaseDetailPage() {
731733 return { ...prev , useCases : newUseCases }
732734 } )
733735 }
734- className = { `inline-flex items-center px-3 py-1 rounded-full text-sm font-medium transition-colors ${ isSelected
735- ? 'bg-purple-600 text-white'
736- : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
737- } `}
736+ className = { `inline-flex items-center px-3 py-1 rounded-full text-sm font-medium transition-colors ${
737+ isSelected
738+ ? 'bg-purple-600 text-white'
739+ : 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
740+ } `}
738741 >
739742 { USE_CASE_LABELS [ useCase ] || useCase }
740743 </ button >
@@ -805,14 +808,16 @@ function ShowcaseDetailPage() {
805808 prev ? { ...prev , isFeatured : ! prev . isFeatured } : null ,
806809 )
807810 }
808- className = { `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${ formData ?. isFeatured
809- ? 'bg-purple-600'
810- : 'bg-gray-300 dark:bg-gray-600'
811- } `}
811+ className = { `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${
812+ formData ?. isFeatured
813+ ? 'bg-purple-600'
814+ : 'bg-gray-300 dark:bg-gray-600'
815+ } `}
812816 >
813817 < span
814- className = { `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${ formData ?. isFeatured ? 'translate-x-6' : 'translate-x-1'
815- } `}
818+ className = { `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
819+ formData ?. isFeatured ? 'translate-x-6' : 'translate-x-1'
820+ } `}
816821 />
817822 </ button >
818823 < span className = "text-sm text-gray-700 dark:text-gray-300" >
0 commit comments