metadata-based-explorer1
Version:
Box UI Elements
31 lines (29 loc) • 1.25 kB
JavaScript
/**
*
* @file Preview loading and error UI wrapper
* @author Box
*/
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import IconFileDefault from '../../icons/file/IconFileDefault';
import SecurityBlockedState from '../../icons/states/SecurityBlockedState';
import makeLoadable from '../../components/loading-indicator/makeLoadable';
import messages from '../common/messages';
import { ERROR_CODE_FETCH_FILE_DUE_TO_POLICY } from '../../constants';
import './PreviewLoading.scss';
var PreviewLoading = function PreviewLoading(_ref) {
var errorCode = _ref.errorCode;
var isBlockedByPolicy = errorCode === ERROR_CODE_FETCH_FILE_DUE_TO_POLICY;
var message = isBlockedByPolicy ? messages.previewErrorBlockedByPolicy : messages.previewError;
var icon = isBlockedByPolicy ? React.createElement(SecurityBlockedState, null) : React.createElement(IconFileDefault, {
height: 160,
width: 160
});
return React.createElement("div", {
className: "bcpr-PreviewLoading"
}, icon, React.createElement("div", {
className: "bcpr-PreviewLoading-message"
}, React.createElement(FormattedMessage, message)));
};
export { PreviewLoading as PreviewLoadingComponent };
export default makeLoadable(PreviewLoading);