@teamsparta/blog-system
Version:
78 lines • 4.74 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("./PopularPosts.style"));
var dto_1 = require("../../dto");
var logs_1 = require("../../logs");
function PopularPosts(_a) {
var popularList = _a.popularList, serviceType = _a.serviceType, nextVersion = _a.nextVersion, sendLog = _a.sendLog;
var notag = function (html) {
return html.replace(/(<([^>]+)>)/gi, "").slice(0, 200);
};
var currentDomain = {
hanghae: "".concat(process.env.NEXT_PUBLIC_PAGE_URL, "/v2/story"),
swc: "".concat(process.env.BASE_NEXT_URL, "/story"),
chang: "".concat(process.env.CHANG_URL, "/story"),
};
function clickPopularPost(title, url_title) {
(0, logs_1.sendClickDetailPageBtnLog)(serviceType, title, "blogDetailPage_CTA", "".concat(currentDomain[serviceType], "/").concat(url_title), "blogDetailPage", "블로그 널쳐링", sendLog);
}
return (react_1.default.createElement(S.Wrapper, null,
react_1.default.createElement(S.SectionTitle, null, "\uB2E4\uB978 \uBD84\uB4E4\uC774 \uB9CE\uC774 \uC77D\uC740 \uAE00"),
popularList.map(function (_a) {
var url_title = _a.url_title, category = _a.category, title = _a.title, first_line = _a.first_line, banner_url = _a.banner_url, summary = _a.summary, view = _a.view, readingTime = _a.readingTime;
return (react_1.default.createElement(S.StyledLink, { href: "".concat(dto_1.storyUrlVersion[serviceType], "/").concat(url_title), key: url_title },
react_1.default.createElement("div", { onClick: function () { return clickPopularPost(title, url_title); } },
react_1.default.createElement(S.PostWrapper, null,
react_1.default.createElement(S.TextSection, null,
react_1.default.createElement(S.Category, { serviceType: serviceType },
dto_1.categoryTitle[serviceType][category],
" "),
react_1.default.createElement(S.MReadingTime, null,
"\u0387 ",
readingTime,
"\uBD84 \uBD84\uB7C9"),
react_1.default.createElement(S.Title, null, title),
react_1.default.createElement(S.Summary, null,
" ",
summary.trim() === ""
? notag(first_line)
: summary.trim().substr(0, 115) + "..."),
readingTime && view && (react_1.default.createElement(S.ContentInfo, null,
"\uC870\uD68C ",
view,
" \u0387",
readingTime,
"\uBD84 \uBD84\uB7C9"))),
react_1.default.createElement(S.PopularStoryPreviewImage, null, nextVersion >= 13 ? (react_1.default.createElement(image_1.default, { fill: true, style: { objectFit: "cover" }, src: "".concat(banner_url), alt: title, priority: false })) : (react_1.default.createElement(image_1.default, { layout: "fill", objectFit: "cover", src: "".concat(banner_url), alt: title, priority: false })))))));
})));
}
exports.default = PopularPosts;
//# sourceMappingURL=PopularPosts.js.map