1 files changed, 39 insertions, 39 deletions
diff --git a/packages/website/ts/components/ui/menu_item.tsx b/packages/website/ts/components/ui/menu_item.tsx
index 3482f436c..956b5eae8 100644
--- a/packages/website/ts/components/ui/menu_item.tsx
+++ b/packages/website/ts/components/ui/menu_item.tsx
@@ -3,49 +3,49 @@ import * as React from 'react';
 import { Link } from 'react-router-dom';
 
 interface MenuItemProps {
-    to: string;
-    style?: React.CSSProperties;
-    onClick?: () => void;
-    className?: string;
+	to: string;
+	style?: React.CSSProperties;
+	onClick?: () => void;
+	className?: string;
 }
 
 interface MenuItemState {
-    isHovering: boolean;
+	isHovering: boolean;
 }
 
 export class MenuItem extends React.Component<MenuItemProps, MenuItemState> {
-    public static defaultProps: Partial<MenuItemProps> = {
-        onClick: _.noop,
-        className: '',
-    };
-    public constructor(props: MenuItemProps) {
-        super(props);
-        this.state = {
-            isHovering: false,
-        };
-    }
-    public render() {
-        const menuItemStyles = {
-            cursor: 'pointer',
-            opacity: this.state.isHovering ? 0.5 : 1,
-        };
-        return (
-            <Link to={this.props.to} style={{ textDecoration: 'none', ...this.props.style }}>
-                <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) {
-        this.setState({
-            isHovering,
-        });
-    }
+	public static defaultProps: Partial<MenuItemProps> = {
+		onClick: _.noop,
+		className: '',
+	};
+	public constructor(props: MenuItemProps) {
+		super(props);
+		this.state = {
+			isHovering: false,
+		};
+	}
+	public render() {
+		const menuItemStyles = {
+			cursor: 'pointer',
+			opacity: this.state.isHovering ? 0.5 : 1,
+		};
+		return (
+			<Link to={this.props.to} style={{ textDecoration: 'none', ...this.props.style }}>
+				<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) {
+		this.setState({
+			isHovering,
+		});
+	}
 }