From 31750305aa4834b05ea1e7b0f00d0c83f528342a Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 28 Mar 2016 22:03:18 +0500
Subject: Multiple UI Improvements

---
 webapp/components/tutorial/tutorial_tip.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'webapp/components/tutorial/tutorial_tip.jsx')

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'
-- 
cgit v1.2.3-1-g7c22

