2017-07-07 03:52:39 -06:00
|
|
|
import * as React from "react";
|
|
|
|
import { Overlay, Classes } from "@blueprintjs/core";
|
2017-08-04 15:41:15 -06:00
|
|
|
import { NavLinks } from "./nav_links";
|
2017-07-07 03:52:39 -06:00
|
|
|
import { MobileMenuProps } from "./interfaces";
|
|
|
|
|
2017-08-28 05:49:13 -06:00
|
|
|
const classes = [Classes.CARD, Classes.ELEVATION_4, "mobile-menu"];
|
2017-07-07 03:52:39 -06:00
|
|
|
|
2019-12-10 12:53:20 -07:00
|
|
|
export const MobileMenu = (props: MobileMenuProps) => {
|
2017-08-28 05:49:13 -06:00
|
|
|
const isActive = props.mobileMenuOpen ? "active" : "inactive";
|
2019-04-16 11:03:44 -06:00
|
|
|
const { alertCount } = props;
|
2018-01-20 07:46:44 -07:00
|
|
|
return <div>
|
|
|
|
<Overlay
|
|
|
|
isOpen={props.mobileMenuOpen}
|
|
|
|
onClose={props.close("mobileMenuOpen")}>
|
|
|
|
<div className={`${classes.join(" ")} ${isActive}`}>
|
2019-04-16 11:03:44 -06:00
|
|
|
{NavLinks({ close: props.close, alertCount })}
|
2018-01-20 07:46:44 -07:00
|
|
|
</div>
|
|
|
|
</Overlay>
|
|
|
|
</div>;
|
2017-07-07 03:52:39 -06:00
|
|
|
};
|