44 lines
940 B
TypeScript
44 lines
940 B
TypeScript
import styles from "./Navigation.module.scss";
|
|
import { GractwoLogo } from "../Logo";
|
|
import Link from "next/link";
|
|
|
|
import config from "../../data/config.json";
|
|
|
|
const Navigation = () => {
|
|
let username: string = "";
|
|
return (
|
|
<>
|
|
<div className={styles.nav}>
|
|
<GractwoLogo className={`${styles.logo} ${styles.desktop}`} />
|
|
{config.navigation.map((navlink) => {
|
|
return (
|
|
<Link
|
|
key={`desktop${navlink.href}`}
|
|
href={navlink.href}
|
|
className={`${styles.link} ${styles.desktop}`}
|
|
>
|
|
{navlink.name}
|
|
</Link>
|
|
);
|
|
})}
|
|
<Link
|
|
href=""
|
|
style={{ display: "flex" }}
|
|
className={`${styles.link} ${styles.profile}`}
|
|
>
|
|
zaloguj się
|
|
</Link>
|
|
<Link
|
|
href=""
|
|
style={{ display: "none" }}
|
|
className={`${styles.link} ${styles.profile}`}
|
|
>
|
|
{username ? username : "twój profil"}
|
|
</Link>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export { Navigation };
|