mirror of
https://github.com/movie-web/movie-web.git
synced 2024-11-10 22:05:06 +01:00
44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import { IconPatch } from "components/buttons/IconPatch";
|
|
import { Icons } from "components/Icon";
|
|
import { DISCORD_LINK, GITHUB_LINK } from "mw_constants";
|
|
import { ReactNode } from "react";
|
|
import { Link } from "react-router-dom";
|
|
import { BrandPill } from "./BrandPill";
|
|
|
|
export interface NavigationProps {
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export function Navigation(props: NavigationProps) {
|
|
return (
|
|
<div className="absolute left-0 right-0 top-0 flex items-center justify-between py-5 px-7">
|
|
<div className="flex items-center justify-center">
|
|
<div className="mr-6">
|
|
<Link to="/">
|
|
<BrandPill clickable />
|
|
</Link>
|
|
</div>
|
|
{props.children}
|
|
</div>
|
|
<div className="flex">
|
|
<a
|
|
href={DISCORD_LINK}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="text-2xl text-white"
|
|
>
|
|
<IconPatch icon={Icons.DISCORD} clickable />
|
|
</a>
|
|
<a
|
|
href={GITHUB_LINK}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="text-2xl text-white"
|
|
>
|
|
<IconPatch icon={Icons.GITHUB} clickable />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|