@teamsparta/blog-system
Version:
53 lines • 3.3 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var image_1 = __importDefault(require("next/image"));
var S = __importStar(require("./StoryPreview.style"));
var dto_1 = require("../../dto");
function StoryPreview(_a) {
var story = _a.story, serviceType = _a.serviceType, nextVersion = _a.nextVersion;
var notag = function (html) {
return html.replace(/(<([^>]+)>)/gi, "").slice(0, 200);
};
var url_title = story.url_title, banner_url = story.banner_url, title = story.title, first_line = story.first_line, summary = story.summary, category = story.category, readingTime = story.readingTime;
return (react_1.default.createElement(S.StyledLink, { href: "".concat(dto_1.storyUrlVersion[serviceType], "/").concat(url_title) },
react_1.default.createElement(S.BlogPreviewCard, null,
react_1.default.createElement(S.BlogPreviewCardThumbnail, null, nextVersion >= 13 ? (react_1.default.createElement(image_1.default, { src: "".concat(banner_url), fill: true, style: { objectFit: "cover" }, alt: title, priority: false })) : (react_1.default.createElement(image_1.default, { src: "".concat(banner_url), layout: "fill", objectFit: "cover", alt: title, priority: false }))),
react_1.default.createElement(S.BlogPreviewCardTitle, null, title),
react_1.default.createElement(S.BlogPreviewCardBody, null, summary.trim() === "" ? notag(first_line) : summary.trim()),
react_1.default.createElement(S.BlogPreviewCardInfo, null,
react_1.default.createElement(S.BlogPreviewCardInfoItem, null, dto_1.categoryTitle[serviceType][category]),
readingTime && (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(S.BlogPreviewCardInfoItem, null, "\u00B7"),
react_1.default.createElement(S.BlogPreviewCardInfoItem, null,
readingTime,
"\uBD84 \uBD84\uB7C9")))))));
}
exports.default = StoryPreview;
//# sourceMappingURL=StoryPreview.js.map