Refactored navbar for use with this app.
This commit is contained in:
@@ -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>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user