@chayns-components/gallery
Version:
A set of beautiful React components for developing your own applications with chayns.
52 lines (51 loc) • 1.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _core = require("@chayns-components/core");
var _react = _interopRequireDefault(require("react"));
var _MediaItem = require("./MediaItem.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const MediaItem = ({
fileItem,
isEditMode,
openSelectedFile,
ratio
}) => {
var _fileItem$uploadedFil;
return /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMotionMediaItem, {
animate: {
opacity: 1
},
initial: {
opacity: 0
},
exit: {
opacity: 0
},
transition: {
duration: 3.2
}
}, fileItem.uploadedFile && 'thumbnailUrl' in fileItem.uploadedFile ? /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMediaItemVideoWrapper, {
onClick: () => openSelectedFile(fileItem),
$ratio: ratio
}, /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMediaItemPlayIcon, null, /*#__PURE__*/_react.default.createElement(_core.Icon, {
size: isEditMode ? 30 : 50,
icons: ['fa fa-play']
})), /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMediaItemVideo, {
poster: fileItem.uploadedFile.thumbnailUrl
}, /*#__PURE__*/_react.default.createElement("source", {
src: fileItem.uploadedFile.url,
type: "video/mp4"
}))) : /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMediaItemImageWrapper, {
onClick: () => openSelectedFile(fileItem),
$ratio: ratio
}, /*#__PURE__*/_react.default.createElement(_MediaItem.StyledMediaItemImage, {
draggable: false,
src: (_fileItem$uploadedFil = fileItem.uploadedFile) === null || _fileItem$uploadedFil === void 0 ? void 0 : _fileItem$uploadedFil.url
})));
};
MediaItem.displayName = 'MediaItem';
var _default = exports.default = MediaItem;
//# sourceMappingURL=MediaItem.js.map