From 1fd26d25f291cae2d93bb5aac3448e76a3200646 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Thu, 20 Aug 2015 19:22:56 +0500
Subject: Multiple UI Improvements

---
 web/react/components/view_image.jsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

(limited to 'web/react/components/view_image.jsx')

diff --git a/web/react/components/view_image.jsx b/web/react/components/view_image.jsx
index 2b7f64030..70b0aea71 100644
--- a/web/react/components/view_image.jsx
+++ b/web/react/components/view_image.jsx
@@ -109,6 +109,22 @@ module.exports = React.createClass({
             }
         );
 
+        $(this.refs.previewArrowLeft.getDOMNode()).hover(
+            function onModalHover() {
+                $(self.refs.imageFooter.getDOMNode()).addClass('footer--show');
+            }, function offModalHover() {
+                $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show');
+            }
+        );
+
+        $(this.refs.previewArrowRight.getDOMNode()).hover(
+            function onModalHover() {
+                $(self.refs.imageFooter.getDOMNode()).addClass('footer--show');
+            }, function offModalHover() {
+                $(self.refs.imageFooter.getDOMNode()).removeClass('footer--show');
+            }
+        );
+
         $(window).on('keyup', this.handleKeyPress);
 
         // keep track of whether or not this component is mounted so we can safely set the state asynchronously
@@ -252,13 +268,13 @@ module.exports = React.createClass({
         var rightArrow = '';
         if (this.props.filenames.length > 1) {
             leftArrow = (
-                <a className='modal-prev-bar' href='#' onClick={this.handlePrev}>
+                <a ref='previewArrowLeft' className='modal-prev-bar' href='#' onClick={this.handlePrev}>
                     <i className='image-control image-prev'/>
                 </a>
             );
 
             rightArrow = (
-                <a className='modal-next-bar' href='#' onClick={this.handleNext}>
+                <a ref='previewArrowRight' className='modal-next-bar' href='#' onClick={this.handleNext}>
                     <i className='image-control image-next'/>
                 </a>
             );
-- 
cgit v1.2.3-1-g7c22