feat: add required field indicators to submit wizard

This commit is contained in:
2026-04-27 07:19:29 +08:00
parent cece6a40dc
commit 5ccd3e0f7b
3 changed files with 11 additions and 3 deletions
+4
View File
@@ -173,6 +173,10 @@ export function GameEntryWizard({ gameId, gameVersionId }: GameEntryWizardProps)
onStepClick={handleStepClick} onStepClick={handleStepClick}
/> />
<div className="flex items-center gap-1 text-xs text-text/40">
<span className="text-red-400">*</span> Required fields
</div>
{/* Step Content */} {/* Step Content */}
<AnimatePresence mode="wait"> <AnimatePresence mode="wait">
<motion.div <motion.div
@@ -81,9 +81,12 @@ export function HardwareStep({ value, onChange }: HardwareStepProps) {
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<div className="flex items-center gap-2">
<p className="text-sm text-text/60"> <p className="text-sm text-text/60">
Select the hardware device you used to test this game. Select the hardware device you used to test this game.
</p> </p>
<span className="text-red-400 text-xs">*</span>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
{devices.map((device) => { {devices.map((device) => {
@@ -52,6 +52,7 @@ export function PerformanceStep({ value, onChange }: PerformanceStepProps) {
placeholder="e.g. 45" placeholder="e.g. 45"
className="w-full px-4 py-3 rounded-lg border border-border bg-text/5 text-text text-sm placeholder:text-text/40 outline-none focus:border-primary focus:ring-2 focus:ring-primary/50 transition-colors" className="w-full px-4 py-3 rounded-lg border border-border bg-text/5 text-text text-sm placeholder:text-text/40 outline-none focus:border-primary focus:ring-2 focus:ring-primary/50 transition-colors"
/> />
<p className="text-[10px] text-text/30">Required average framerate during gameplay</p>
</div> </div>
<div className="space-y-1.5"> <div className="space-y-1.5">