aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/swap_icon.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/ui/swap_icon.tsx')
-rw-r--r--packages/website/ts/components/ui/swap_icon.tsx41
1 files changed, 0 insertions, 41 deletions
diff --git a/packages/website/ts/components/ui/swap_icon.tsx b/packages/website/ts/components/ui/swap_icon.tsx
deleted file mode 100644
index 406da8fe1..000000000
--- a/packages/website/ts/components/ui/swap_icon.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { colors } from '@0x/react-shared';
-import * as React from 'react';
-
-interface SwapIconProps {
- swapTokensFn: () => void;
-}
-
-interface SwapIconState {
- isHovering: boolean;
-}
-
-export class SwapIcon extends React.Component<SwapIconProps, SwapIconState> {
- public constructor(props: SwapIconProps) {
- super(props);
- this.state = {
- isHovering: false,
- };
- }
- public render(): React.ReactNode {
- const swapStyles = {
- color: this.state.isHovering ? colors.amber600 : colors.amber800,
- fontSize: 50,
- };
- return (
- <div
- className="mx-auto pt4"
- style={{ cursor: 'pointer', height: 50, width: 37.5 }}
- onClick={this.props.swapTokensFn}
- onMouseEnter={this._onToggleHover.bind(this, true)}
- onMouseLeave={this._onToggleHover.bind(this, false)}
- >
- <i style={swapStyles} className="zmdi zmdi-swap" />
- </div>
- );
- }
- private _onToggleHover(isHovering: boolean): void {
- this.setState({
- isHovering,
- });
- }
-}