Refactored navbar for use with this app.

This commit is contained in:
Lucid Kobold
2021-11-16 02:27:07 -06:00
parent ff53c7b9c1
commit ecaa79826f
3 changed files with 22 additions and 42 deletions

View File

@@ -2,11 +2,7 @@ import React, { FC } from "react";
import { Button, HStack, Link } from "@chakra-ui/react";
import navItems, { NavItem } from "./navItems";
interface DesktopNavProps {
sticky?: boolean;
}
const DesktopNav: FC<DesktopNavProps> = ({ sticky }: DesktopNavProps) => {
const DesktopNav: FC<DesktopNavProps> = () => {
return (
<HStack
as="nav"
@@ -22,7 +18,7 @@ const DesktopNav: FC<DesktopNavProps> = ({ sticky }: DesktopNavProps) => {
{navItems.map((navItem: NavItem) => {
return (
<Link id={"dekstop-" + navItem[0]} key={navItem[0]} href={navItem[1]}>
<Button variant={sticky ? "stickyNav" : "nav"}>{navItem[0]}</Button>
<Button variant="nav">{navItem[0]}</Button>
</Link>
);
})}