From 7f1190afdfc201d1671dbc52137eb1768507e248 Mon Sep 17 00:00:00 2001
From: Alex Meng <mengxy0831@gmail.com>
Date: Sat, 16 May 2026 01:22:54 -0700
Subject: [PATCH 1/2] Use role dropdown on add lab page

---
 app/profile/labs/new/page.tsx | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/app/profile/labs/new/page.tsx b/app/profile/labs/new/page.tsx
index 7daf54d..2d0ad76 100644
--- a/app/profile/labs/new/page.tsx
+++ b/app/profile/labs/new/page.tsx
@@ -1,6 +1,13 @@
 import Link from "next/link";
 import { ChevronDown } from "lucide-react";
 
+const roleOptions = [
+    { value: "PI", label: "PI" },
+    { value: "LAB_MANAGER", label: "Lab Manager" },
+    { value: "RESEARCHER", label: "Researcher" },
+    { value: "VIEWER", label: "Viewer" },
+] as const;
+
 type LabOption = {
     id: string;
     name: string;
@@ -64,13 +71,24 @@ export default function AddLabAffiliationPage() {
                             >
                                 Lab Role
                             </label>
-                            <input
-                                id="labRole"
-                                name="labRole"
-                                type="text"
-                                placeholder="e.g., Research Assistant, Lab Manager"
-                                className="h-14 w-full rounded-xl border border-[#d9dee6] bg-white px-4 text-base text-[#111111] outline-none transition placeholder:text-[#98a0aa] focus:border-[#245f86] focus:ring-2 focus:ring-[#245f86]/20"
-                            />
+                            <div className="relative">
+                                <select
+                                    id="labRole"
+                                    name="labRole"
+                                    defaultValue=""
+                                    className="h-14 w-full appearance-none rounded-xl border border-[#d9dee6] bg-white px-4 text-base text-[#111111] outline-none transition focus:border-[#245f86] focus:ring-2 focus:ring-[#245f86]/20"
+                                >
+                                    <option value="" disabled>
+                                        Select a role
+                                    </option>
+                                    {roleOptions.map((role) => (
+                                        <option key={role.value} value={role.value}>
+                                            {role.label}
+                                        </option>
+                                    ))}
+                                </select>
+                                <ChevronDown className="pointer-events-none absolute right-4 top-1/2 h-5 w-5 -translate-y-1/2 text-[#7f8a95]" />
+                            </div>
                         </div>
 
                         <div className="space-y-3">

From 729573f632414ec506a803fca69c064721a916c4 Mon Sep 17 00:00:00 2001
From: Alex Meng <mengxy0831@gmail.com>
Date: Sat, 16 May 2026 01:32:03 -0700
Subject: [PATCH 2/2] Route marketplace profile button to profile page

---
 app/marketplace/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/marketplace/page.tsx b/app/marketplace/page.tsx
index 705b257..9a35500 100644
--- a/app/marketplace/page.tsx
+++ b/app/marketplace/page.tsx
@@ -86,8 +86,7 @@ export default function MarketplacePage() {
     }
 
     function handleEditProfile() {
-        console.log("Edit profile");
-        // TODO: navigate to profile page or open modal
+        router.push("/profile");
     }
 
     return (