aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/custom_menu_item.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/ui/custom_menu_item.tsx')
-rw-r--r--packages/website/ts/components/ui/custom_menu_item.tsx50
1 files changed, 0 insertions, 50 deletions
diff --git a/packages/website/ts/components/ui/custom_menu_item.tsx b/packages/website/ts/components/ui/custom_menu_item.tsx
deleted file mode 100644
index 87ce32126..000000000
--- a/packages/website/ts/components/ui/custom_menu_item.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Link } from '@0x/react-shared';
-import * as _ from 'lodash';
-import * as React from 'react';
-
-interface CustomMenuItemProps {
- to: string;
- onClick?: () => void;
- className?: string;
-}
-
-interface CustomMenuItemState {
- isHovering: boolean;
-}
-
-export class CustomMenuItem extends React.Component<CustomMenuItemProps, CustomMenuItemState> {
- public static defaultProps: Partial<CustomMenuItemProps> = {
- onClick: _.noop.bind(_),
- className: '',
- };
- public constructor(props: CustomMenuItemProps) {
- super(props);
- this.state = {
- isHovering: false,
- };
- }
- public render(): React.ReactNode {
- const menuItemStyles = {
- cursor: 'pointer',
- opacity: this.state.isHovering ? 0.5 : 1,
- };
- return (
- <Link to={this.props.to}>
- <div
- onClick={this.props.onClick.bind(this)}
- className={`mx-auto ${this.props.className}`}
- style={menuItemStyles}
- onMouseEnter={this._onToggleHover.bind(this, true)}
- onMouseLeave={this._onToggleHover.bind(this, false)}
- >
- {this.props.children}
- </div>
- </Link>
- );
- }
- private _onToggleHover(isHovering: boolean): void {
- this.setState({
- isHovering,
- });
- }
-}