diff options
| -rw-r--r-- | gui/packages/desktop/src/renderer/components/Img.js | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/gui/packages/desktop/src/renderer/components/Img.js b/gui/packages/desktop/src/renderer/components/Img.js index f6369a4d6f..f2835a9751 100644 --- a/gui/packages/desktop/src/renderer/components/Img.js +++ b/gui/packages/desktop/src/renderer/components/Img.js @@ -6,7 +6,7 @@ import { View, Component, Types } from 'reactxp'; type Props = { source: string, width?: number, - heigth?: number, + height?: number, tintColor?: string, hoverStyle?: Types.ViewStyle, disabled?: boolean, @@ -23,7 +23,7 @@ export default class Img extends Component<Props, State> { getHoverStyle = () => (this.state.hovered ? this.props.hoverStyle || null : null); render() { - const { source, width, heigth, style, onMouseEnter, onMouseLeave, ...otherProps } = this.props; + const { source, width, height, style, onMouseEnter, onMouseLeave, ...otherProps } = this.props; const tintColor = this.props.tintColor; const url = '../assets/images/' + source + '.svg'; let image; @@ -40,7 +40,7 @@ export default class Img extends Component<Props, State> { <img src={url} width={width} - height={heigth} + height={height} style={{ visibility: 'hidden', }} @@ -48,7 +48,7 @@ export default class Img extends Component<Props, State> { </div> ); } else { - image = <img src={url} width={width} height={heigth} />; + image = <img src={url} width={width} height={height} />; } return ( |