feat: add required field indicators to submit wizard
This commit is contained in:
@@ -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">
|
||||||
<p className="text-sm text-text/60">
|
<div className="flex items-center gap-2">
|
||||||
Select the hardware device you used to test this game.
|
<p className="text-sm text-text/60">
|
||||||
</p>
|
Select the hardware device you used to test this game.
|
||||||
|
</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">
|
||||||
|
|||||||
Reference in New Issue
Block a user