Fouad
dc88650d6d
* remove pnpm lock file (should only be using yarn) * Add lefthook configuration for pre-commit checks * Add explorer-v2 to package.json dependencies * add explorer v2 * update explorer v2 package name * + basepath + redirect to basepath + blog icons refactor + icons refactor * Add Getting Started instructions to README * fix noise graph bug and line graph UI * Delete unused translations, clean up console logs * / test image url * update yarn.lock --------- Co-authored-by: RadekSabacky <radek@nymtech.net> Co-authored-by: windy-ux <75579979+windy-ux@users.noreply.github.com> Co-authored-by: Yana <iana.matrosova@gmail.com> Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
58 lines
1.4 KiB
TypeScript
58 lines
1.4 KiB
TypeScript
import { Box, Divider } from "@mui/material";
|
|
import NymLogo from "../../components/icons/NymLogo";
|
|
import { Link } from "../../components/muiLink";
|
|
import { Wrapper } from "../../components/wrapper";
|
|
import ConnectWallet from "../wallet/ConnectWallet";
|
|
import HeaderItem from "./HeaderItem";
|
|
import MENU_DATA from "./menuItems";
|
|
|
|
export const DesktopHeader = () => {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: { xs: "none", lg: "block" },
|
|
height: "115px",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<Wrapper
|
|
sx={{
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
gap: "42px",
|
|
height: "100%",
|
|
}}
|
|
>
|
|
<Link
|
|
href={"/"}
|
|
style={{
|
|
display: "flex",
|
|
alignItems: "center",
|
|
width: "100px",
|
|
aspectRatio: "89/25",
|
|
}}
|
|
>
|
|
<NymLogo />
|
|
</Link>
|
|
<Box
|
|
sx={{
|
|
display: "flex",
|
|
flexGrow: 1,
|
|
alignItems: "center",
|
|
justifyContent: "start",
|
|
height: "100%",
|
|
gap: 5,
|
|
}}
|
|
>
|
|
{MENU_DATA.map((menu) => (
|
|
<HeaderItem key={menu.id} menu={menu} />
|
|
))}
|
|
</Box>
|
|
<ConnectWallet size="small" />
|
|
</Wrapper>
|
|
<Divider variant="fullWidth" sx={{ width: "100%" }} />
|
|
</Box>
|
|
);
|
|
};
|