pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat: allow external links in navbar and sidebar

Browse source
This commit is contained in:
Kim, Jimin 2023-06-26 00:58:52 +09:00
parent 12c246dcd3
commit 3af0fd7056
2 changed files with 38 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/blog/src/components/Header/Nav.tsx
View file

@ -18,11 +18,17 @@ const Nav = styled.div`
export default () => {
return (
<Nav>
{NavbarData.map((item, index) => (
<Link key={index} to={item.path}>
<HeaderButton>{item.title}</HeaderButton>
</Link>
))}
{NavbarData.map(({ path, title }, index) => {
return path.at(0) === "/" ? (
<Link key={index} to={path}>
<HeaderButton>{title}</HeaderButton>
</Link>
) : (
<a key={index} target="_blank" href={path}>
<HeaderButton>{title}</HeaderButton>
</a>
)
})}
</Nav>
)
}