Skip to content

Profile page fixes: dropdown and routing #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
arnavjk007 merged 3 commits into from
May 16, 2026
Merged

Profile page fixes: dropdown and routing #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7f1190a
Use role dropdown on add lab page
AlexMeng0831 May 16, 2026
e766b38
Merge remote-tracking branch 'origin/main' into feature/profile-page-ui
AlexMeng0831 May 16, 2026
729573f
Route marketplace profile button to profile page
AlexMeng0831 May 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions app/marketplace/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 (
Expand Down
32 changes: 25 additions & 7 deletions app/profile/labs/new/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
Expand Down Expand Up @@ -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">
Expand Down
Loading