1 files changed, 5 insertions, 6 deletions

diff --git a/webapp/components/view_image.jsx b/webapp/components/view_image.jsx
index b2cd41810..04ace6c55 100644
--- a/webapp/components/view_image.jsx
+++ b/webapp/components/view_image.jsx
@@ -9,9 +9,8 @@ import ViewImagePopoverBar from './view_image_popover_bar.jsx';
 
 import * as GlobalActions from 'actions/global_actions.jsx';
 
-import FileStore from 'stores/file_store.jsx';
-
 import * as Utils from 'utils/utils.jsx';
+import {getFileUrl, getFilePreviewUrl} from 'mattermost-redux/utils/file_utils';
 
 import Constants from 'utils/constants.jsx';
 const KeyCodes = Constants.KeyCodes;
@@ -127,10 +126,10 @@ export default class ViewImageModal extends React.Component {
         if (fileType === 'image') {
             let previewUrl;
             if (fileInfo.has_image_preview) {
-                previewUrl = FileStore.getFilePreviewUrl(fileInfo.id);
+                previewUrl = getFilePreviewUrl(fileInfo.id);
             } else {
                 // some images (eg animated gifs) just show the file itself and not a preview
-                previewUrl = FileStore.getFileUrl(fileInfo.id);
+                previewUrl = getFileUrl(fileInfo.id);
             }
 
             const img = new Image();
@@ -175,7 +174,7 @@ export default class ViewImageModal extends React.Component {
         }
 
         const fileInfo = this.props.fileInfos[this.state.imgId];
-        const fileUrl = FileStore.getFileUrl(fileInfo.id);
+        const fileUrl = getFileUrl(fileInfo.id);
 
         let content;
         if (this.state.loaded[this.state.imgId]) {
@@ -346,7 +345,7 @@ LoadingImagePreview.propTypes = {
 function ImagePreview({fileInfo, fileUrl}) {
     let previewUrl;
     if (fileInfo.has_preview_image) {
-        previewUrl = FileStore.getFilePreviewUrl(fileInfo.id);
+        previewUrl = getFilePreviewUrl(fileInfo.id);
     } else {
         previewUrl = fileUrl;
     }