feat: rearrange game benchmark wizard and improve overall

2026-05-01 01:18:13 +08:00
parent 293aadbff0
commit 824fbbd13f
22 changed files with 722 additions and 143 deletions
@@ -0,0 +1,131 @@
+"use client"
+
+import { GitBranch } from "lucide-react"
+import { HardwareStep } from "./hardware-step"
+import { AntiCheatStep, type AntiCheatData } from "./anti-cheat-step"
+
+export interface GameVersionInfo {
+  id: string
+  versionString: string | null
+  buildId: string | null
+  isLatest: boolean
+}
+
+interface SetupStepProps {
+  gameId: string
+  gameVersions: GameVersionInfo[]
+  hardwareSlug: string
+  onHardwareChange: (slug: string) => void
+  hardwareName: string
+  selectedVersionId: string
+  onVersionChange: (versionId: string) => void
+  newVersionString: string
+  onNewVersionStringChange: (value: string) => void
+  isCreatingVersion: boolean
+  antiCheat: AntiCheatData
+  onAntiCheatChange: (data: AntiCheatData) => void
+  platformSupport: {
+    hardwareSlug: string
+    antiCheatRelevant: boolean
+    antiCheatName: string | null
+    antiCheatStatus: "none" | "supported" | "unsupported" | "unknown"
+  }[]
+}
+
+export function SetupStep({
+  gameId,
+  gameVersions,
+  hardwareSlug,
+  onHardwareChange,
+  hardwareName,
+  selectedVersionId,
+  onVersionChange,
+  newVersionString,
+  onNewVersionStringChange,
+  isCreatingVersion,
+  antiCheat,
+  onAntiCheatChange,
+  platformSupport,
+}: SetupStepProps) {
+  const isNewVersion = selectedVersionId === "__new__"
+
+  return (
+    <div className="space-y-8">
+      {/* Hardware Section */}
+      <section>
+        <HardwareStep value={hardwareSlug} onChange={onHardwareChange} />
+      </section>
+
+      <div className="border-t border-border" />
+
+      {/* Game Version Section */}
+      <section>
+        <div className="flex items-center gap-2 mb-4">
+          <GitBranch className="h-4 w-4 text-primary" />
+          <div>
+            <h3 className="text-sm font-semibold text-text">Game Version</h3>
+            <p className="text-xs text-text/60">
+              Which version of the game did you test? This helps others know if benchmarks match their version.
+            </p>
+          </div>
+        </div>
+
+        <div className="space-y-3">
+          <div className="space-y-1.5">
+            <label className="text-xs font-medium text-text/60">Version</label>
+            <select
+              value={selectedVersionId}
+              onChange={(e) => onVersionChange(e.target.value)}
+              className="w-full appearance-none px-4 py-3 rounded-lg border border-border bg-text/5 text-text text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/50 transition-colors cursor-pointer"
+            >
+              {gameVersions.map((v) => (
+                <option key={v.id} value={v.id}>
+                  {v.versionString
+                    ? v.versionString
+                    : v.buildId
+                    ? `Build ${v.buildId}`
+                    : "Unknown version"}
+                  {v.isLatest ? " (latest)" : ""}
+                </option>
+              ))}
+              <option value="__new__">
+                ＋ New version...
+              </option>
+            </select>
+          </div>
+
+          {isNewVersion && (
+            <div className="space-y-1.5">
+              <label className="text-xs font-medium text-text/60">
+                Version String <span className="text-red-400">*</span>
+              </label>
+              <input
+                type="text"
+                value={newVersionString}
+                onChange={(e) => onNewVersionStringChange(e.target.value)}
+                placeholder="e.g. 1.2.3, Patch 4.0, Hotfix Jan 2025"
+                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"
+                disabled={isCreatingVersion}
+              />
+              <p className="text-xs text-text/40">
+                Enter the game version you tested. This will create a new version entry.
+              </p>
+            </div>
+          )}
+        </div>
+      </section>
+
+      <div className="border-t border-border" />
+
+      {/* Anti-Cheat Section */}
+      <section>
+        <AntiCheatStep
+          hardwareSlug={hardwareSlug}
+          platformSupport={platformSupport}
+          value={antiCheat}
+          onChange={onAntiCheatChange}
+        />
+      </section>
+    </div>
+  )
+}