@edu-tosel/design 1.0.359 → 1.0.364

package/layout/template/home/News.d.ts

@@ -1,4 +1,5 @@
 import { News as NewsType } from "../../../interface/News";
-export default function News({ newsList }: {
+export default function News({ newsList, url }: {
     newsList: NewsType[];
+    url: string;
 }): import("react/jsx-runtime").JSX.Element;

package/layout/template/home/News.js

@@ -8,7 +8,7 @@ const formatDate = (date) => {
     const day = String(date.getDate()).padStart(2, "0");
     return `${year}.${month}.${day}`;
 };
-export default function News({ newsList }) {
+export default function News({ newsList, url }) {
     // createdAt 기준으로 최신 4개 선택
     const selectedNews = useMemo(() => {
         const sorted = [...newsList]
@@ -99,8 +99,8 @@ export default function News({ newsList }) {
     const rightDateText = {
         textStyles: "text-xs md:text-sm text-gray-600 whitespace-nowrap",
     };
-    return (_jsxs("div", { className: cn(container, "font-pretendard-var"), children: [_jsx("div", { className: cn(leftCont), children: _jsx("article", { className: cn(mainArticle), children: _jsx("a", { href: "#", className: "block", children: _jsxs("div", { className: cn(imgArea), children: [_jsx("div", { className: cn(imgElm), style: { backgroundImage: `url(${selectedNews.main.imgUrl})` } }), _jsxs("div", { className: cn(textElm), children: [_jsx("h3", { className: cn(newsTitle), children: selectedNews.main.title }), selectedNews.main.subTitle && (_jsx("div", { className: cn(newsDesc), children: selectedNews.main.subTitle }))] })] }) }) }) }), _jsx("div", { className: cn(rightCont), children: selectedNews.sub.map((news) => {
+    return (_jsxs("div", { className: cn(container, "font-pretendard-var"), children: [_jsx("div", { className: cn(leftCont), children: _jsx("article", { className: cn(mainArticle), children: _jsx("a", { className: "block", onClick: () => window.open(`${url}/${selectedNews.main.id}`), children: _jsxs("div", { className: cn(imgArea), children: [_jsx("div", { className: cn(imgElm), style: { backgroundImage: `url(${selectedNews.main.imgUrl})` } }), _jsxs("div", { className: cn(textElm), children: [_jsx("h3", { className: cn(newsTitle), children: selectedNews.main.title }), selectedNews.main.subTitle && (_jsx("div", { className: cn(newsDesc), children: selectedNews.main.subTitle }))] })] }) }) }) }), _jsx("div", { className: cn(rightCont), children: selectedNews.sub.map((news) => {
                     const newsDate = new Date(news.createdAt);
-                    return (_jsx("div", { className: cn(rightItem), children: _jsxs("a", { href: "#", className: cn(rightItemLink), children: [_jsxs("div", { className: cn(textArea), children: [_jsx("h5", { className: cn(rightTitle), children: news.title }), news.subTitle && (_jsx("p", { className: cn(rightDesc), children: news.subTitle }))] }), _jsx("div", { className: cn(rightDateArea), children: _jsx("span", { className: cn(rightDateText), children: formatDate(newsDate) }) })] }) }, news.id));
+                    return (_jsx("div", { className: cn(rightItem), children: _jsxs("a", { className: cn(rightItemLink), onClick: () => window.open(`${url}/${news.id}`), children: [_jsxs("div", { className: cn(textArea), children: [_jsx("h5", { className: cn(rightTitle), children: news.title }), news.subTitle && (_jsx("p", { className: cn(rightDesc), children: news.subTitle }))] }), _jsx("div", { className: cn(rightDateArea), children: _jsx("span", { className: cn(rightDateText), children: formatDate(newsDate) }) })] }) }, news.id));
                 }) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.359",
+  "version": "1.0.364",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",
@@ -44,5 +44,8 @@
     "uuid": "^10.0.0",
     "zustand": "^4.5.0"
   },
-  "devDependencies": {}
+  "devDependencies": {},
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/version.txt

@@ -1 +1 @@
-1.0.359
+1.0.364