Skip to content

feat: Freelancer profile page UI #106

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
SudiptaPaul-31 merged 5 commits into from
May 30, 2026
Merged

feat: Freelancer profile page UI #106

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
3e3a3df
fix(layout): add suppressHydrationWarning to body element for improve…
PetJs May 29, 2026
2435ff4
feat(profile): create Freelancer Profile Page with metadata and layout
PetJs May 29, 2026
95c2b97
feat(header): update profile link in dropdown menu for navigation
PetJs May 29, 2026
d88c6ad
feat(sidebar): add Profile navigation item to sidebar
PetJs May 29, 2026
e04d10a
feat(profile): implement Freelancer Profile Page with skills, reputat…
PetJs May 29, 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
15 changes: 15 additions & 0 deletions app/dashboard/profile/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import type { Metadata } from 'next'
import { FreelancerProfile } from '@/components/freelancer/freelancer-profile'

export const metadata: Metadata = {
title: 'Profile | TaskChain',
description: 'View your freelancer profile, reputation score, skills, and completed projects.',
}

export default function ProfilePage() {
return (
<main className="min-h-screen bg-background">
<FreelancerProfile />
</main>
)
}
2 changes: 1 addition & 1 deletion app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`font-sans antialiased`}>
<body className={`font-sans antialiased`} suppressHydrationWarning>
<ThemeProvider
attribute="class"
defaultTheme="system"
Expand Down
9 changes: 6 additions & 3 deletions components/dashboard/header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
'use client'

import Link from 'next/link'
import { Menu, Bell, User } from 'lucide-react'
import { Button } from '@/components/ui/button'
import {
Expand Down Expand Up @@ -48,9 +49,11 @@ export function DashboardHeader({ onMenuClick }: DashboardHeaderProps) {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem className="flex items-center gap-2">
<User className="h-4 w-4" />
Profile
<DropdownMenuItem asChild>
<Link href="/dashboard/profile" className="flex items-center gap-2">
<User className="h-4 w-4" />
Profile
</Link>
</DropdownMenuItem>
<DropdownMenuItem>Settings</DropdownMenuItem>
<DropdownMenuItem className="text-destructive">Logout</DropdownMenuItem>
Expand Down
14 changes: 10 additions & 4 deletions components/dashboard/sidebar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,13 @@

import Link from 'next/link'
import { usePathname } from 'next/navigation'
import {
LayoutDashboard,
FileText,
AlertCircle,
import {
LayoutDashboard,
FileText,
AlertCircle,
LogOut,
ChevronRight,
UserCircle,
} from 'lucide-react'
import { Button } from '@/components/ui/button'
import { cn } from '@/lib/utils'
Expand All @@ -33,6 +34,11 @@ const navItems = [
href: '/dashboard/disputes',
icon: AlertCircle,
},
{
label: 'Profile',
href: '/dashboard/profile',
icon: UserCircle,
},
]

export function Sidebar({ open, onOpenChange }: SidebarProps) {
Expand Down
Loading
Loading