From 0e121a68de2d99ac17b27e41d92efae7721c6578 Mon Sep 17 00:00:00 2001
From: hmhealey <harrisonmhealey@gmail.com>
Date: Fri, 24 Jul 2015 17:24:11 -0400
Subject: Changed the thumbnail for non-image file attachments to open the
 ViewImageModal on click like it does for image attachments

---
 web/react/components/file_attachment.jsx | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

(limited to 'web/react/components')

diff --git a/web/react/components/file_attachment.jsx b/web/react/components/file_attachment.jsx
index ad3e2ffb8..fd5adb8b4 100644
--- a/web/react/components/file_attachment.jsx
+++ b/web/react/components/file_attachment.jsx
@@ -83,18 +83,9 @@ module.exports = React.createClass({
 
         var thumbnail;
         if (type === "image") {
-            thumbnail = (
-                <a className="post-image__thumbnail" href="#" onClick={this.props.handleImageClick}
-                    data-img-id={this.props.index} data-toggle="modal" data-target={"#" + this.props.modalId }>
-                    <div ref={filename} className="post__load" style={{backgroundImage: 'url(/static/images/load.gif)'}}/>
-                </a>
-            );
+            thumbnail = <div ref={filename} className="post__load" style={{backgroundImage: 'url(/static/images/load.gif)'}}/>;
         } else {
-            thumbnail = (
-                <a href={fileInfo.path + (fileInfo.ext ? "." + fileInfo.ext : "")} download={fileInfo.name + (fileInfo.ext ? "." + fileInfo.ext : "")}>
-                    <div className={"file-icon "+utils.getIconClassName(type)}/>
-                </a>
-            );
+            thumbnail = <div className={"file-icon "+utils.getIconClassName(type)}/>;
         }
 
         if (!this.state.fileSize) {
@@ -108,7 +99,10 @@ module.exports = React.createClass({
 
         return (
             <div className="post-image__column" key={filename}>
-                {thumbnail}
+                <a className="post-image__thumbnail" href="#" onClick={this.props.handleImageClick}
+                    data-img-id={this.props.index} data-toggle="modal" data-target={"#" + this.props.modalId }>
+                    {thumbnail}
+                </a>
                 <div className="post-image__details">
                     <div className="post-image__name">{fileInfo.name}</div>
                     <div>
-- 
cgit v1.2.3-1-g7c22