https://e-info.org.tw/_next/static/chunks/pages/member/bookmarks-f0d5df4067293ad2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3768],{8625:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/member/bookmarks",function(){return i(81136)}])},26427:(e,t,i)=>{"use strict";i.d(t,{A:()=>m});var o=i(6029),r=i(41735),n=i(13782),l=i(16603),a=i(34730),s=i(84588),d=i(79761);let c=r.default.div.withConfig({displayName:"layout-general__LayoutWrapper",componentId:"sc-167ad54-0"})(["display:flex;flex-direction:column;min-height:100vh;"]),p=r.default.main.withConfig({displayName:"layout-general__Main",componentId:"sc-167ad54-1"})(["flex:1;overflow:hidden;"]);function m(e){let{children:t,title:i,description:r,imageUrl:m,path:u,breadcrumbs:h,onCompleteReadingHandle:f}=e,g=i?"".concat(i," - ").concat(n.z):i;return(0,o.jsxs)(c,{children:[(0,o.jsx)(a.A,{title:g,description:r,imageUrl:m,path:u}),h&&h.length>0&&(0,o.jsx)(d.A,{id:"breadcrumb",data:(0,l.Wt)(h)}),(0,o.jsx)(s.A,{}),(0,o.jsx)(p,{children:t})]})}},51149:(e,t,i)=>{"use strict";i.d(t,{A:()=>c});var o=i(6029),r=i(41735),n=i(29152),l=i(86205);let a=r.default.div.withConfig({displayName:"member-page-title__Header",componentId:"sc-2d99e435-0"})(["display:flex;flex-direction:column;align-items:center;gap:12px;","{flex-direction:row;gap:20px;}"],e=>{let{theme:t}=e;return t.breakpoint.md}),s=r.default.h1.withConfig({displayName:"member-page-title__Title",componentId:"sc-2d99e435-1"})(["font-size:20px;font-weight:700;line-height:1.5;color:",";margin:0;","{font-size:24px;}"],e=>{let{theme:t}=e;return t.colors.primary[40]},e=>{let{theme:t}=e;return t.breakpoint.md}),d=r.default.a.withConfig({displayName:"member-page-title__DonationButton",componentId:"sc-2d99e435-2"})(["flex-shrink:0;display:inline-block;padding:5.5px 10px;border-radius:12px;background-color:",";color:",";font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;white-space:nowrap;"],e=>{let{theme:t}=e;return t.colors.secondary[0]},e=>{let{theme:t}=e;return t.colors.primary[95]});function c(e){var t;let{title:i,clickFrom:r="member",className:c}=e,{siteConfigs:p}=(0,n.po)(),m=(null==(t=p.find(e=>"3"===e.id))?void 0:t.content)||"";return(0,o.jsxs)(a,{className:c,children:[(0,o.jsx)(s,{children:i}),m&&(0,o.jsx)(d,{href:m,target:"_blank",rel:"noopener noreferrer",onClick:()=>(0,l.v)(r),children:"捐款支持"})]})}},81136:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>$,default:()=>D});var o,r=i(6029),n=i(82203),l=i.n(n),a=i(81278),s=i(55729),d=i(41735),c=i(26427),p=i(51149),m=i(13782),u=i(83604),h=i(59662),f=i(60648);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)({}).hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e}).apply(null,arguments)}var x=i(87556);let b=d.default.div.withConfig({displayName:"bookmarks__PageWrapper",componentId:"sc-619ce770-0"})(["background-color:#ffffff;min-height:100vh;"]),k=d.default.div.withConfig({displayName:"bookmarks__ContentWrapper",componentId:"sc-619ce770-1"})(["max-width:",";margin:0 auto;padding:32px 20px 60px;","{padding:60px 20px 100px;display:flex;gap:60px;}","{gap:80px;}"],u.Sk,e=>{let{theme:t}=e;return t.breakpoint.md},e=>{let{theme:t}=e;return t.breakpoint.xl}),y=d.default.nav.withConfig({displayName:"bookmarks__Sidebar",componentId:"sc-619ce770-2"})(["display:none;","{display:block;width:120px;flex-shrink:0;}"],e=>{let{theme:t}=e;return t.breakpoint.md}),w=d.default.ul.withConfig({displayName:"bookmarks__SidebarList",componentId:"sc-619ce770-3"})(["list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;"]),v=d.default.li.withConfig({displayName:"bookmarks__SidebarItem",componentId:"sc-619ce770-4"})(["a{display:block;padding:8px 0;font-size:16px;font-weight:",";line-height:1.5;color:",";text-decoration:none;transition:color 0.2s ease;&:hover{color:",";}}"],e=>{let{$isActive:t}=e;return t?"700":"400"},e=>{let{theme:t,$isActive:i}=e;return i?t.colors.primary[40]:t.colors.grayscale[40]},e=>{let{theme:t}=e;return t.colors.primary[40]}),_=d.default.nav.withConfig({displayName:"bookmarks__MobileNav",componentId:"sc-619ce770-5"})(["display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid ",";","{display:none;}"],e=>{let{theme:t}=e;return t.colors.grayscale[95]},e=>{let{theme:t}=e;return t.breakpoint.md}),j=(0,d.default)(l()).withConfig({displayName:"bookmarks__MobileNavItem",componentId:"sc-619ce770-6"})(["font-size:16px;font-weight:",";color:",";text-decoration:none;&:hover{color:",";}"],e=>{let{$isActive:t}=e;return t?"700":"400"},e=>{let{theme:t,$isActive:i}=e;return i?t.colors.primary[40]:t.colors.grayscale[40]},e=>{let{theme:t}=e;return t.colors.primary[40]}),C=d.default.main.withConfig({displayName:"bookmarks__MainContent",componentId:"sc-619ce770-7"})(["flex:1;"]),I=(0,d.default)(p.A).withConfig({displayName:"bookmarks__PageHeader",componentId:"sc-619ce770-8"})(["margin:0 0 24px;","{margin-bottom:32px;}"],e=>{let{theme:t}=e;return t.breakpoint.md}),N=d.default.p.withConfig({displayName:"bookmarks__StatsBar",componentId:"sc-619ce770-9"})(["display:flex;align-items:flex-start;font-size:16px;font-weight:400;line-height:1.5;color:",";margin:0 0 24px;","{margin-bottom:32px;}"],e=>{let{theme:t}=e;return t.colors.grayscale[20]},e=>{let{theme:t}=e;return t.breakpoint.md}),A=(0,d.default)(function(e){return s.createElement("svg",g({width:24,height:23,viewBox:"0 0 24 23",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=s.createElement("path",{d:"M16.803 0H7.197C5.993.01 4.985.862 4.71 2.005l.001.001a3.482 3.482 0 0 1 1.456-.332h11.665c.52.004 1.013.122 1.457.33C19.013.862 18.006.01 16.803 0Zm.283 6.575v.001c.277 0 .5.228.5.51 0 .281-.224.51-.5.51H6.915c-.276 0-.501-.229-.501-.51 0-.282.223-.51.5-.51l10.172-.001Zm-4.659 3.44v.002h.001c.276 0 .5.229.5.51s-.225.51-.5.51H6.913c-.276 0-.5-.229-.5-.51 0-.282.223-.51.5-.51l5.513-.002Zm5.397-7.349H6.175c-1.412.013-2.554 1.18-2.56 2.622v8.836h3.057c.84 0 1.52.694 1.52 1.55v.167a.57.57 0 0 0 .552.57h6.512a.57.57 0 0 0 .55-.569v-.168c0-.83.642-1.51 1.45-1.549h3.129V5.287c-.007-1.441-1.149-2.61-2.56-2.622Zm3.843 7.408a.505.505 0 0 0-.499.51c0 .066.017.126.033.184l1.208 4.598a2.541 2.541 0 0 0-.97-.202l-4.232.015a.51.51 0 0 0-.38.495v.172c-.004.88-.7 1.595-1.564 1.605H8.737c-.863-.01-1.56-.724-1.564-1.605v-.171a.507.507 0 0 0-.501-.512v.001h-4.11a2.536 2.536 0 0 0-.97.202H1.59l1.208-4.598c.016-.058.032-.118.032-.184a.506.506 0 0 0-.5-.51c-.245 0-.433.186-.493.415L.036 17.354c-.022.14-.036.284-.036.432v2.593C.006 21.82 1.15 22.987 2.561 23H21.44c1.412-.012 2.555-1.18 2.56-2.62 0-.055.002-2.494 0-2.594 0-.148-.013-.292-.035-.432l-1.802-6.865c-.06-.228-.246-.414-.49-.415h-.005Z",fill:"#388A48"})))}).withConfig({displayName:"bookmarks__StatsIcon",componentId:"sc-619ce770-10"})(["width:24px;height:23px;flex-shrink:0;margin-right:8px;margin-top:1px;"]),S=d.default.span.withConfig({displayName:"bookmarks__StatsText",componentId:"sc-619ce770-11"})(["min-width:0;"]),z=d.default.button.withConfig({displayName:"bookmarks__StatsSegment",componentId:"sc-619ce770-12"})(["display:inline;background:none;border:none;padding:0;font:inherit;cursor:pointer;color:",";font-weight:",";text-decoration:underline;transition:color 0.2s ease;&:hover{color:",";}"],e=>{let{theme:t}=e;return t.colors.primary[40]},e=>{let{$isActive:t}=e;return t?"700":"400"},e=>{let{theme:t}=e;return t.colors.primary[20]}),E=d.default.div.withConfig({displayName:"bookmarks__ArticleGrid",componentId:"sc-619ce770-13"})(["display:grid;grid-template-columns:1fr;gap:32px;","{grid-template-columns:repeat(2,1fr);gap:24px;}","{grid-template-columns:repeat(3,1fr);}"],e=>{let{theme:t}=e;return t.breakpoint.md},e=>{let{theme:t}=e;return t.breakpoint.xl}),H=d.default.a.withConfig({displayName:"bookmarks__ArticleCard",componentId:"sc-619ce770-14"})(["display:block;min-width:0;text-decoration:none;cursor:pointer;&:hover h3{color:",";}"],e=>{let{theme:t}=e;return t.colors.primary[20]}),M=d.default.div.withConfig({displayName:"bookmarks__ArticleImage",componentId:"sc-619ce770-15"})(["width:100%;aspect-ratio:4 / 3;overflow:hidden;margin-bottom:12px;background-color:",";border-radius:2px;img{width:100%;height:100%;object-fit:cover;}"],e=>{let{theme:t}=e;return t.colors.grayscale[95]}),T=d.default.time.withConfig({displayName:"bookmarks__ArticleDate",componentId:"sc-619ce770-16"})(["display:block;font-size:14px;line-height:1.5;color:",";margin-bottom:8px;"],e=>{let{theme:t}=e;return t.colors.primary[40]}),P=d.default.h3.withConfig({displayName:"bookmarks__ArticleTitle",componentId:"sc-619ce770-17"})(["font-weight:500;font-size:18px;line-height:1.5;color:",";margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;"],e=>{let{theme:t}=e;return t.colors.grayscale[0]}),W=d.default.p.withConfig({displayName:"bookmarks__ArticleSummary",componentId:"sc-619ce770-18"})(["font-size:16px;font-weight:400;line-height:1.5;color:",";margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;"],e=>{let{theme:t}=e;return t.colors.grayscale[20]}),F=d.default.ul.withConfig({displayName:"bookmarks__TagList",componentId:"sc-619ce770-19"})(["display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;"]),L=d.default.li.withConfig({displayName:"bookmarks__Tag",componentId:"sc-619ce770-20"})(["font-size:14px;font-weight:400;line-height:1.5;color:",";border:1px solid ",";border-radius:4px;padding:2px 10px;"],e=>{let{theme:t}=e;return t.colors.primary[60]},e=>{let{theme:t}=e;return t.colors.primary[60]}),O=d.default.div.withConfig({displayName:"bookmarks__LoadingWrapper",componentId:"sc-619ce770-21"})(["display:flex;justify-content:center;align-items:center;min-height:200px;color:",";"],e=>{let{theme:t}=e;return t.colors.grayscale[60]}),Z=d.default.div.withConfig({displayName:"bookmarks__EmptyMessage",componentId:"sc-619ce770-22"})(["text-align:center;padding:60px 20px;color:",";font-size:16px;line-height:1.5;"],e=>{let{theme:t}=e;return t.colors.grayscale[60]}),B=[{label:"個人資料",href:"/member"},{label:"電子報",href:"/member/newsletter"},{label:"閱讀紀錄",href:"/member/history"},{label:"收藏文章",href:"/member/bookmarks"},{label:"通知",href:"/member/notifications"}],R=()=>{let e=(0,a.useRouter)(),{firebaseUser:t,member:i,loading:o}

1=(0,h.A)(),[n,d]=(0,s.useState)([]),[c,p]=(0,s.useState)(!0),[u,g]=(0,s.useState)(!1),R=(0,s.useRef)(!1),[$,D]=(0,s.useState)(!0),X=(0,s.useRef)(null),[G,U]=(0,s.useState)(null),[V,q]=(0,s.useState)(null),J=(0,s.useMemo)(()=>{var e;if(V)return null==G||null==(e=G.sections.find(e=>e.sectionId===V))?void 0:e.postIds},[V,G]),K=(0,s.useCallback)(async()=>{if((null==i?void 0:i.id)&&(null==t?void 0:t.uid))try{let e=await (0,f.as)(i.id,t.uid);U(e)}catch(e){console.error("Failed to fetch favorite stats:",e)}},[null==i?void 0:i.id,null==t?void 0:t.uid]);(0,s.useEffect)(()=>{(null==i?void 0:i.id)&&K()},[null==i?void 0:i.id,K]);let Q=(0,s.useCallback)(async()=>{if((null==i?void 0:i.id)&&(null==t?void 0:t.uid)){D(!0);try{let{items:e,total:o}=await (0,f.Mm)(i.id,t.uid,18,0,J);d(e),p(e.length<o)}catch(e){console.error("Failed to fetch favorites:",e)}finally{D(!1)}}},[null==i?void 0:i.id,null==t?void 0:t.uid,J]);(0,s.useEffect)(()=>{(null==i?void 0:i.id)&&Q()},[null==i?void 0:i.id,Q]),(0,s.useEffect)(()=>{o||t||e.push("/auth/login")},[o,t,e]);let Y=(0,s.useCallback)(async()=>{if((null==i?void 0:i.id)&&(null==t?void 0:t.uid)&&!R.current){R.current=!0,g(!0);try{let{items:e,total:o}=await (0,f.Mm)(i.id,t.uid,18,n.length,J);d(t=>[...t,...e]),p(n.length+e.length<o)}catch(e){console.error("Failed to load more favorites:",e)}finally{R.current=!1,g(!1)}}},[null==i?void 0:i.id,null==t?void 0:t.uid,n.length,J]);if((0,s.useEffect)(()=>{let e=X.current;if(!e)return;let t=new IntersectionObserver(e=>{e[0].isIntersecting&&Y()},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[Y]),!o&&!t)return null;let ee=o||$;return(0,r.jsx)(b,{children:(0,r.jsxs)(k,{children:[(0,r.jsx)(y,{children:(0,r.jsx)(w,{children:B.map(e=>(0,r.jsx)(v,{$isActive:"/member/bookmarks"===e.href,children:(0,r.jsx)(l(),{href:e.href,children:e.label})},e.href))})}),(0,r.jsxs)(C,{children:[(0,r.jsx)(_,{children:B.map(e=>(0,r.jsx)(j,{href:e.href,$isActive:"/member/bookmarks"===e.href,children:e.label},e.href))}),(0,r.jsx)(I,{title:"收藏文章",clickFrom:"member-bookmarks"}),G&&G.total>0&&(0,r.jsxs)(N,{children:[(0,r.jsx)(A,{"aria-hidden":"true"}),(0,r.jsxs)(S,{children:["你已收藏 ",G.total," 篇文章",G.sections.length>0&&(0,r.jsxs)(r.Fragment,{children:["，包含"," ",G.sections.map((e,t)=>{var i;return(0,r.jsxs)("span",{children:[t>0&&"、",(0,r.jsxs)(z,{type:"button",$isActive:V===e.sectionId,onClick:()=>q(t=>t===e.sectionId?null:e.sectionId),children:[e.count," 篇",null!=(i=e.sectionName)?i:""]})]},e.sectionId)})]})]})]}),ee?(0,r.jsx)(O,{children:"載入中..."}):0===n.length?(0,r.jsx)(Z,{children:"目前沒有收藏文章"}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(E,{children:n.map(e=>(0,r.jsxs)(H,{href:"/node/".concat(e.post.id),children:[(0,r.jsx)(M,{children:(0,r.jsx)("img",{src:(e=>{let t=e.post.heroImage,i=null==t?void 0:t.resized,o=null==t?void 0:t.resizedWebp;return(null==o?void 0:o.w800)||(null==o?void 0:o.w480)||(null==i?void 0:i.w800)||(null==i?void 0:i.w480)||(null==i?void 0:i.original)||m.Hu})(e),alt:e.post.title})}),(0,r.jsx)(T,{children:(0,x.Wy)(e.post.publishTime)}),(0,r.jsx)(P,{children:e.post.title}),(0,r.jsx)(W,{children:e.post.contentPreview}),(0,r.jsx)(F,{children:e.post.tags.map(e=>(0,r.jsx)(L,{children:e.name},e.id))})]},e.id))}),c&&(0,r.jsx)(O,{ref:X,children:u&&"載入中..."})]})]})]})})};R.getLayout=function(e){return(0,r.jsx)(c.A,{title:"收藏文章",description:"您的收藏文章",children:e})};var $=!0;let D=R}},e=>{e.O(0,[4254,742,325,6063,7556,636,6593,8792],()=>e(e.s=8625)),_N_E=e.O()}]);