@orfeas126/box-ui-elements
Version:
Box UI Elements
77 lines (76 loc) • 3.14 kB
JavaScript
/**
*
* @file Static Versions Sidebar component
* @author Box
*/
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import BoxDrive140 from '../../../illustration/BoxDrive140';
import { BackButton } from '../../common/nav-button';
import PrimaryButton from '../../../components/primary-button';
import { LoadingIndicatorWrapper } from '../../../components/loading-indicator';
import VersionsMenu from './VersionsMenu';
import messages from './messages';
import './StaticVersionsSidebar.scss';
const StaticVersionsSidebar = ({
isLoading,
onUpgradeClick,
parentName
}) => {
const versionTimestamp = new Date();
versionTimestamp.setDate(versionTimestamp.getDate() - 1);
const versions = ['1', '2', '3'].map(versionNumber => {
return {
id: versionNumber,
version_number: versionNumber,
type: 'file_version',
permissions: {
can_preview: true
},
created_at: versionTimestamp.toUTCString(),
modified_by: null,
size: 1875887,
trashed_at: null,
uploader_display_name: 'John Doe'
};
});
return /*#__PURE__*/React.createElement("div", {
className: "bcs-StaticVersionSidebar",
role: "tabpanel",
"data-resin-component": "preview",
"data-resin-feature": "versions"
}, /*#__PURE__*/React.createElement("div", {
className: "bcs-StaticVersionSidebar-header"
}, /*#__PURE__*/React.createElement("h3", {
className: "bcs-StaticVersionSidebar-title"
}, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BackButton, {
"data-resin-target": "back",
to: `/${parentName}`
}), /*#__PURE__*/React.createElement(FormattedMessage, messages.versionsTitle)))), /*#__PURE__*/React.createElement("div", {
className: "bcs-StaticVersionSidebar-content-wrapper"
}, /*#__PURE__*/React.createElement(LoadingIndicatorWrapper, {
className: "bcs-StaticVersionSidebar-content",
crawlerPosition: "top",
isLoading: isLoading
}, /*#__PURE__*/React.createElement(VersionsMenu, {
versions: versions,
fileId: "1",
versionCount: 3,
versionLimit: 3
}))), /*#__PURE__*/React.createElement("div", {
className: "bcs-StaticVersionSidebar-upsell-wrapper"
}, /*#__PURE__*/React.createElement("div", {
className: "bcs-StaticVersionSidebar-upsell"
}, /*#__PURE__*/React.createElement(BoxDrive140, {
className: "bcs-StaticVersionSidebar-upsell-icon"
}), /*#__PURE__*/React.createElement("p", {
className: "bcs-StaticVersionSidebar-upsell-header"
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.versionUpgradeLink)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.versionUpsell)), /*#__PURE__*/React.createElement(PrimaryButton, {
className: "bcs-StaticVersionSidebar-upsell-button",
"data-resin-target": "versioning_error_upgrade_cta",
onClick: onUpgradeClick,
type: "button"
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.upgradeButton)))));
};
export default StaticVersionsSidebar;
//# sourceMappingURL=StaticVersionSidebar.js.map