From d47c2606e5a721a13cf20fe0cad8c1b2f230eaff Mon Sep 17 00:00:00 2001
From: Will <rwilliamdaly@gmail.com>
Date: Sun, 26 Apr 2026 11:53:50 -0400
Subject: [PATCH] Add dropdown for onboarding looking-for field

---
 app/onboarding/page.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
index 382e387..c06063d 100644
--- a/app/onboarding/page.tsx
+++ b/app/onboarding/page.tsx
@@ -10,7 +10,7 @@ type FormState = {
   name: string;
   age: string;
   genderIdentity: string;
-  lookingFor: string;
+  lookingFor: "Men" | "Women" | "Everyone";
   location: string;
   relationshipIntent: RelationshipIntent;
   bio: string;
@@ -34,7 +34,7 @@ const defaultForm: FormState = {
   name: "",
   age: "",
   genderIdentity: "",
-  lookingFor: "",
+  lookingFor: "Everyone",
   location: "",
   relationshipIntent: "long-term",
   bio: "",
@@ -146,7 +146,13 @@ export default function OnboardingPage() {
               <label className="text-sm text-zinc-700">Name *<input className={fieldClass} value={form.name} onChange={(e) => update("name", e.target.value)} /></label>
               <label className="text-sm text-zinc-700">Age *<input className={fieldClass} value={form.age} onChange={(e) => update("age", e.target.value)} /></label>
               <label className="text-sm text-zinc-700">Gender identity<input className={fieldClass} value={form.genderIdentity} onChange={(e) => update("genderIdentity", e.target.value)} /></label>
-              <label className="text-sm text-zinc-700">Looking for<input className={fieldClass} value={form.lookingFor} onChange={(e) => update("lookingFor", e.target.value)} /></label>
+              <label className="text-sm text-zinc-700">Looking for
+                <select className={fieldClass} value={form.lookingFor} onChange={(e) => update("lookingFor", e.target.value as FormState["lookingFor"])}>
+                  <option value="Men">Men</option>
+                  <option value="Women">Women</option>
+                  <option value="Everyone">Everyone</option>
+                </select>
+              </label>
               <label className="text-sm text-zinc-700 sm:col-span-2">Location *<input className={fieldClass} value={form.location} onChange={(e) => update("location", e.target.value)} /></label>
             </div>
           </OnboardingSection>