mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-22 09:38:12 +08:00
Severiano Badajoz
89b68723cc
* create infoDrawer * create read/writes to redux store * reimplement reducer that vanished * remove aboutURL stuff from title * add formatting and style * s/length/size and make metadata items list items * remove comment * remove empty singletons * refactor into async react component * Clean up skeleton * swap out for loop for map * add comment * replace placeholder * switch ternary for `&&` * event handling fixes and PR feedback * add button and move click handler to button * ditch empty categories * move drawer button handling to redux * remove categorical move note * PR feedback from colin * update snapshot * remove hover state
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
// jshint esversion: 6
|
|
import React from "react";
|
|
import { Button, Popover, Menu, MenuItem, Position } from "@blueprintjs/core";
|
|
import { IconNames } from "@blueprintjs/icons";
|
|
import styles from "./menubar.css";
|
|
|
|
const handleClick = (dispatch) => {
|
|
dispatch({ type: "toggle dataset drawer" });
|
|
};
|
|
|
|
const InformationMenu = React.memo((props) => {
|
|
const { libraryVersions, tosURL, privacyURL, dispatch } = props;
|
|
return (
|
|
<div className={`bp3-button-group ${styles.menubarButton}`}>
|
|
<Popover
|
|
content={
|
|
<Menu>
|
|
<MenuItem
|
|
onClick={() => handleClick(dispatch)}
|
|
icon={IconNames.BOOK}
|
|
text="Dataset Overview"
|
|
/>
|
|
|
|
<MenuItem
|
|
href="https://chanzuckerberg.github.io/cellxgene/"
|
|
target="_blank"
|
|
icon="help"
|
|
text="Help"
|
|
/>
|
|
<MenuItem
|
|
href="https://join-cellxgene-users.herokuapp.com/"
|
|
target="_blank"
|
|
icon="chat"
|
|
text="Chat"
|
|
/>
|
|
<MenuItem
|
|
href="https://github.com/chanzuckerberg/cellxgene"
|
|
target="_blank"
|
|
icon="git-branch"
|
|
text="Github"
|
|
/>
|
|
<MenuItem
|
|
target="_blank"
|
|
text={
|
|
libraryVersions && libraryVersions.cellxgene
|
|
? libraryVersions.cellxgene
|
|
: null
|
|
}
|
|
/>
|
|
<MenuItem text="MIT License" />
|
|
{tosURL ? (
|
|
<MenuItem href={tosURL} target="_blank" text="Terms of Service" />
|
|
) : null}
|
|
{privacyURL ? (
|
|
<MenuItem
|
|
href={privacyURL}
|
|
target="_blank"
|
|
text="Privacy Policy"
|
|
/>
|
|
) : null}
|
|
</Menu>
|
|
}
|
|
position={Position.BOTTOM_RIGHT}
|
|
>
|
|
<Button
|
|
type="button"
|
|
className="bp3-button bp3-icon-info-sign"
|
|
style={{
|
|
cursor: "pointer",
|
|
}}
|
|
/>
|
|
</Popover>
|
|
</div>
|
|
);
|
|
});
|
|
|
|
export default InformationMenu;
|