jhynsoo/worlabel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor: 헤더에 링크 연결

Browse Source
This commit is contained in:
정현조 2024-09-09 17:26:54 +09:00
parent 78496193c7
commit 688a7a4a13
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/Header/index.tsx
View File

@ -1,7 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
import { Bell, User } from 'lucide-react'; import { Bell, User } from 'lucide-react';
import { useLocation } from 'react-router-dom'; import { useLocation, Link } from 'react-router-dom';
export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {} export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
@ -19,23 +19,34 @@ export default function Header({ className, ...props }: HeaderProps) {
{...props} {...props}
> >
<div className="flex items-center gap-4 md:gap-10"> <div className="flex items-center gap-4 md:gap-10">
<div <Link
to="/"
className={cn('text-[20px] font-normal tracking-[-1.60px] text-black sm:text-[24px] md:text-[32px]')} className={cn('text-[20px] font-normal tracking-[-1.60px] text-black sm:text-[24px] md:text-[32px]')}
style={{ fontFamily: "'Offside-Regular', Helvetica" }} style={{ fontFamily: "'Offside-Regular', Helvetica" }}
> >
WorLabel WorLabel
</div> </Link>
{!isHomePage && ( {!isHomePage && (
<nav className="hidden items-center gap-5 md:flex"> <nav className="hidden items-center gap-5 md:flex">
<div <Link
to="/browse"
className={cn('text-color-text-default-default', 'font-body-strong', 'text-sm sm:text-base md:text-lg')} className={cn('text-color-text-default-default', 'font-body-strong', 'text-sm sm:text-base md:text-lg')}
> >
workspace workspace
</div> </Link>
<div className={cn('text-color-text-default-default', 'font-body', 'text-sm sm:text-base md:text-lg')}> <Link
to="/workspace"
className={cn('text-color-text-default-default', 'font-body', 'text-sm sm:text-base md:text-lg')}
>
labeling labeling
</div> </Link>
<Link
to="/admin/1"
className={cn('text-color-text-default-default', 'font-body', 'text-sm sm:text-base md:text-lg')}
>
admin
</Link>
</nav> </nav>
)} )}
</div> </div>