summaryrefslogtreecommitdiffstats
path: root/webapp/components/tutorial/tutorial_tip.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/components/tutorial/tutorial_tip.jsx')
-rw-r--r--webapp/components/tutorial/tutorial_tip.jsx9
1 files changed, 6 insertions, 3 deletions
diff --git a/webapp/components/tutorial/tutorial_tip.jsx b/webapp/components/tutorial/tutorial_tip.jsx
index 3508e29a2..deca70794 100644
--- a/webapp/components/tutorial/tutorial_tip.jsx
+++ b/webapp/components/tutorial/tutorial_tip.jsx
@@ -15,6 +15,9 @@ import {Overlay} from 'react-bootstrap';
import React from 'react';
+import tutorialGif from 'images/tutorialTip.gif';
+import tutorialGifWhite from 'images/tutorialTipWhite.gif';
+
export default class TutorialTip extends React.Component {
constructor(props) {
super(props);
@@ -90,16 +93,16 @@ export default class TutorialTip extends React.Component {
}
}
- var tipColor = '';
+ var tutorialGifImage = tutorialGif;
if (this.props.overlayClass === 'tip-overlay--header' || this.props.overlayClass === 'tip-overlay--sidebar') {
- tipColor = 'White';
+ tutorialGifImage = tutorialGifWhite;
}
return (
<div className={'tip-div ' + this.props.overlayClass}>
<img
className='tip-button'
- src={'/static/images/tutorialTip' + tipColor + '.gif'}
+ src={tutorialGifImage}
width='35'
onClick={this.toggle}
ref='target'