import React, { Fragment, useContext } from "react";
import RouterLink from "next/link";
import {
Button,
Image,
ButtonGroup,
Link,
Flex,
Menu,
MenuButton,
MenuList,
MenuItem,
Portal,
Box,
Text,
} from "@chakra-ui/react";
import { ChevronDownIcon } from "@chakra-ui/icons";
import useModals from "../core/hooks/useModals";
import UIContext from "../core/providers/UIProvider/context";
import ChakraAccountIconButton from "./AccountIconButton";
import RouteButton from "./RouteButton";
import { PAGETYPE, SITEMAP, PRIMARY_MOON_LOGO_URL } from "../core/constants";
import router from "next/router";
import { MODAL_TYPES } from "../core/providers/OverlayProvider/constants";
import LandingBarMobile from "./LandingBarMobile";
const LandingNavbar = () => {
const ui = useContext(UIContext);
const { toggleModal } = useModals();
return (
<>
{ui.isMobileView && }
{!ui.isMobileView && (
<>
{SITEMAP.map((item, idx) => {
return (
{!item.children && item.type !== PAGETYPE.FOOTER_CATEGORY && (
{item.title}
)}
{item.type !== PAGETYPE.FOOTER_CATEGORY && item.children && (
)}
);
})}
{ui.isLoggedIn && (
App
)}
{!ui.isLoggedIn && (
)}
{!ui.isLoggedIn && (
)}
{ui.isLoggedIn && (
)}
>
)}
>
);
};
export default LandingNavbar;