diff options
Diffstat (limited to 'webapp/components/view_image.jsx')
| -rw-r--r-- | webapp/components/view_image.jsx | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/webapp/components/view_image.jsx b/webapp/components/view_image.jsx index e739fca30..7572f88ae 100644 --- a/webapp/components/view_image.jsx +++ b/webapp/components/view_image.jsx @@ -7,6 +7,7 @@ import * as Client from 'utils/client.jsx'; import * as Utils from 'utils/utils.jsx'; import AudioVideoPreview from './audio_video_preview.jsx'; import Constants from 'utils/constants.jsx'; +import CodePreview from './code_preview.jsx'; import FileInfoPreview from './file_info_preview.jsx'; import FileStore from 'stores/file_store.jsx'; import ViewImagePopoverBar from './view_image_popover_bar.jsx'; @@ -254,6 +255,15 @@ class ViewImageModal extends React.Component { formatMessage={this.props.intl.formatMessage} /> ); + } else if (CodePreview.support(filename)) { + content = ( + <CodePreview + filename={filename} + fileUrl={fileUrl} + fileInfo={fileInfo} + formatMessage={this.props.intl.formatMessage} + /> + ); } else { content = ( <FileInfoPreview @@ -311,18 +321,19 @@ class ViewImageModal extends React.Component { <Modal show={this.props.show} onHide={this.props.onModalDismissed} - className='image_modal' + className='modal-image' dialogClassName='modal-image' > <Modal.Body - modalClassName='image-body' + modalClassName='modal-image__body' onClick={this.props.onModalDismissed} > <div - className={'image-wrapper'} + className={'modal-image__wrapper'} onClick={this.props.onModalDismissed} > <div + className='modal-back' onMouseEnter={this.onMouseEnterImage} onMouseLeave={this.onMouseLeaveImage} onClick={(e) => e.stopPropagation()} |