@twreporter/react-components 9.0.0-rc.0 → 9.0.0-rc.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.0.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@9.0.0-rc.0...@twreporter/react-components@9.0.0-rc.1) (2024-05-10)
+
+
+### Bug Fixes
+
+* fix defects and add comments ([fda83e3](https://github.com/twreporter/twreporter-npm-packages/commit/fda83e3daafab2b61a9323074abc21f5d5be4b11))
+
+
+
+
+
 # [9.0.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.28.0-rc.1...@twreporter/react-components@9.0.0-rc.0) (2024-05-08)
 
 

package/lib/footer/constants/links.js

@@ -13,9 +13,16 @@ var gtmId = {
   support: 'footer-support',
   newsletter: 'footer-newsletter'
 };
+/*
+  display for links group
+  | first column | second column | third column |
+  | XXXX         | XXXX          | XXX          |
+  | XXXXX        | XXXXXX        | XX           |
+*/
 
 var getLinksGroups = function getLinksGroups(mainOrigin) {
-  return [[{
+  return [// first column
+  [{
     slug: 'about',
     text: '關於我們',
     to: "".concat(mainOrigin).concat(_entityPath["default"].aboutus),
@@ -40,7 +47,8 @@ var getLinksGroups = function getLinksGroups(mainOrigin) {
     text: '常見問題',
     to: "".concat(mainOrigin).concat(_entityPath["default"].article, "about-us-questions"),
     target: '_blank'
-  }], [{
+  }], // second column
+  [{
     slug: 'donate',
     text: '捐款徵信',
     to: "".concat(mainOrigin).concat(_entityPath["default"].article, "credit-donate"),
@@ -60,7 +68,8 @@ var getLinksGroups = function getLinksGroups(mainOrigin) {
     text: '出版品與周邊',
     to: 'https://twreporter.backme.tw/shops/3619?locale=zh-TW',
     target: '_blank'
-  }], [{
+  }], // third column
+  [{
     slug: 'subcribe-email',
     text: '訂閱電子報',
     to: 'http://eepurl.com/djVwF9',

package/lib/footer/index.js

@@ -49,7 +49,7 @@ var FooterContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 var FooterSection = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__FooterSection",
   componentId: "d1uef9-1"
-})(["display:flex;flex-direction:column;margin:auto;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: 1200px;\n    padding: 48px;\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n    max-width: 400px;\n    padding: 48px 16px;\n  "]))));
+})(["display:flex;flex-direction:column;margin:auto;", " ", ""], _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: 1200px;\n    padding: 48px;\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n    max-width: 400px;\n    padding: 48px 24px 96px;\n  "]))));
 
 var UpperContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "footer__UpperContainer",
@@ -153,11 +153,12 @@ var Footer = function Footer(_ref2) {
   }), /*#__PURE__*/_react["default"].createElement(P2Gray600, {
     text: "\u53F0\u7063\u7B2C\u4E00\u500B\u7531\u516C\u76CA\u57FA\u91D1\u6703\u6210\u7ACB\u7684\u7DB2\u8DEF\u5A92\u9AD4\uFF0C\u81F4\u529B\u65BC\u516C\u5171\u9818\u57DF\u8ABF\u67E5\u5831\u5C0E\uFF0C\u6253\u9020\u591A\u5143\u9032\u6B65\u7684\u5A92\u9AD4\u74B0\u5883\u3002"
   })), /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
-    to: _requestOrigins["default"].forClientSideRendering[releaseBranch].accounts,
+    to: _requestOrigins["default"].forClientSideRendering[releaseBranch].support,
     target: "_blank"
   }, /*#__PURE__*/_react["default"].createElement(_button.PillButton, {
     className: "button",
     type: _button.PillButton.Type.SECONDARY,
+    size: _button.PillButton.Size.L,
     text: '贊助我們'
   }))), /*#__PURE__*/_react["default"].createElement(LinksContainer, null, /*#__PURE__*/_react["default"].createElement(_link.FooterLinkButtonGroups, {
     releaseBranch: releaseBranch

package/lib/footer/link.js

@@ -48,7 +48,7 @@ var _ = {
 var LinkColumn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "link__LinkColumn",
   componentId: "sc-7lr0di-0"
-})(["display:flex;flex-direction:column;gap:16px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    flex-basis: 33%;\n    word-wrap: break-word;\n    max-width: 33%;\n    gap: 8px;\n  "]))));
+})(["display:flex;flex-direction:column;gap:16px;width:120px;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-grow: 1;\n    flex-basis: 33%;\n    word-wrap: break-word;\n    max-width: 33%;\n    gap: 8px;\n  "]))));
 
 var LinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
   displayName: "link__LinkContainer",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "9.0.0-rc.0",
+  "version": "9.0.0-rc.1",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -51,5 +51,5 @@
     "react-dom": "^18.2.0",
     "storybook": "^7.5.2"
   },
-  "gitHead": "b2608f57ee45ea3dd8d0e97329b8cd0cbb52c625"
+  "gitHead": "526b8be1ee245d6fa21e811c0f659594b8599d98"
 }