From 6a47aeda9bfe812f826e87ade7c6e7b58bc3b66f Mon Sep 17 00:00:00 2001
From: Zaliqa <zaliqa.rosli@mcin.ca>
Date: Wed, 22 Mar 2023 18:02:49 -0400
Subject: [PATCH] [issue_tracker] Display attachments (#32)

---
 .../jsx/attachments/attachmentsList.js        | 31 ++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/modules/issue_tracker/jsx/attachments/attachmentsList.js b/modules/issue_tracker/jsx/attachments/attachmentsList.js
index f33652b573f..931ee3cc251 100644
--- a/modules/issue_tracker/jsx/attachments/attachmentsList.js
+++ b/modules/issue_tracker/jsx/attachments/attachmentsList.js
@@ -149,6 +149,15 @@ class AttachmentsList extends Component {
     );
   }
 
+  /**
+   * Sets event target src to null
+   *
+   * @param {Object} event
+   */
+  displayNone(event) {
+    event.target.src = null;
+  }
+
   /**
    * Renders the React component.
    *
@@ -185,6 +194,7 @@ class AttachmentsList extends Component {
     );
 
     let attachmentsRows = [];
+    let regexImg = /image/;
     for (const key in this.state.attachments) {
       if (this.state.attachments.hasOwnProperty(key)) {
         const item = this.state.attachments[key];
@@ -203,7 +213,26 @@ class AttachmentsList extends Component {
               </div>
               <div className='col-md-8'>
                 <div className='col-md-1'><b>File: </b></div>
-                <div className='col-md-11'><i>{item.file_name}</i></div>
+                <div className='col-md-11'>
+                  <i>{item.file_name}</i>
+                  {regexImg.test(item.mime_type) ?
+                    (<img
+                      src={this.props.baseURL +
+                      '/issue_tracker/Attachment' +
+                      '?ID=' + item.ID +
+                      '&file_hash=' + item.file_hash +
+                      '&issue=' + this.props.issue +
+                      '&filename=' + item.file_name +
+                      '&mime_type=' + item.mime_type
+                      }
+                      width='100%'
+                      height='100%'
+                      onError={this.displayNone}
+                    >
+                    </img>) :
+                    null
+                  }
+                </div>
               </div>
             </div>
             <div className='row'>