C3C/cv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change navigation headline to allow href attributes

Browse Source
This commit is contained in:
Arnie 2023-06-02 13:44:11 +02:00
parent ad183bbc0e
commit c414b7d1f2
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/frontend/src/components/Navigation/NavigationHeadline.tsx
View File

@ -15,17 +15,25 @@ const Link = styled(RouterLink)({
textDecoration: "none", textDecoration: "none",
}); });
type NavigationHeadlineProps = Partial<Pick<RouterLinkProps, "to">>; type NavigationHeadlineProps =
| (Partial<Pick<RouterLinkProps, "to">> & {
href?: undefined;
})
| {
href?: string;
to?: undefined;
};
const NavigationHeadline: React.FC< const NavigationHeadline: React.FC<
React.PropsWithChildren<NavigationHeadlineProps> React.PropsWithChildren<NavigationHeadlineProps>
> = (props) => { > = (props) => {
const { children, to } = props; const { children, href, to } = props;
return ( return (
<Headline> <Headline>
{to && <Link to={to}>{children}</Link>} {to && <Link to={to}>{children}</Link>}
{!to && children} {href && <a href={href}>{children}</a>}
{!to && !href && children}
</Headline> </Headline>
); );
}; };