diff options
Diffstat (limited to 'webapp/components/file_info_preview.jsx')
| -rw-r--r-- | webapp/components/file_info_preview.jsx | 26 |
1 files changed, 20 insertions, 6 deletions
diff --git a/webapp/components/file_info_preview.jsx b/webapp/components/file_info_preview.jsx index 4a90c4728..6032defb6 100644 --- a/webapp/components/file_info_preview.jsx +++ b/webapp/components/file_info_preview.jsx @@ -1,10 +1,10 @@ -import PropTypes from 'prop-types'; - // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. // See License.txt for license information. +import PropTypes from 'prop-types'; import React from 'react'; +import * as FileUtils from 'utils/file_utils'; import * as Utils from 'utils/utils.jsx'; export default class FileInfoPreview extends React.Component { @@ -35,17 +35,31 @@ export default class FileInfoPreview extends React.Component { const infoString = infoParts.join(', '); - return ( - <div className='file-details__container'> + let preview = null; + if (FileUtils.canDownloadFiles()) { + preview = ( <a - className={'file-details__preview'} - to={fileUrl} + className='file-details__preview' + href={fileUrl} target='_blank' rel='noopener noreferrer' > <span className='file-details__preview-helper'/> <img src={Utils.getFileIconPath(fileInfo)}/> </a> + ); + } else { + preview = ( + <span className='file-details__preview'> + <span className='file-details__preview-helper'/> + <img src={Utils.getFileIconPath(fileInfo)}/> + </span> + ); + } + + return ( + <div className='file-details__container'> + {preview} <div className='file-details'> <div className='file-details__name'>{fileInfo.name}</div> <div className='file-details__info'>{infoString}</div> |