(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,764727,(a,e,t)=>{let s="/community-details";(window.__NEXT_P=window.__NEXT_P||[]).push([s,()=>a.r(310078)]),e.hot&&e.hot.dispose(function(){window.__NEXT_P.push([s])})},310078,a=>{"use strict";var e,t,s,n,i,c,o=a.i(391398),r=a.i(145246),l=a.i(191788),d=a.i(758568),h=a.i(995545),x=a.i(842633),m=a.i(225499),p=a.i(765986),g=a.i(667803),f=a.i(958678),j=a.i(86482),u=a.i(477507),b=a.i(604782),_=a.i(33989),v=a.i(565715);let w={user_id:0,username:"",moderator_id:0,moderator_role:"",user_has_verified_badge:!1},y=a=>{let e=(0,_.default)(a,w);return{id:e.user_id,name:e.username,moderatorRole:e.moderator_role,...(0,v.U)(e)}};var k=a.i(921194);let N=a=>{let{title:e,description:t,ogImageUrl:s,url:n}=a;return[(0,o.jsx)("meta",{name:"description",content:t||"Diễn đàn thảo luận về Điện thoại, Máy tính, Máy ảnh và các thiết bị Khoa học & Công nghệ."},"description"),(0,o.jsx)("meta",{property:"og:site_name",content:"Tinh tế"},"og:site_name"),(0,o.jsx)("meta",{property:"og:image",content:s||"https://photo2.tinhte.vn/data/attachment-files/2020/07/5075745_OG_newHome_2020_2.jpg"},"og:image"),(0,o.jsx)("meta",{property:"og:type",content:"article"},"og:type"),(0,o.jsx)("meta",{property:"og:url",content:n||"https://tinhte.vn/"},"og:url"),(0,o.jsx)("meta",{property:"og:title",content:"".concat(e)||"Tinhte.vn"},"og:title"),(0,o.jsx)("meta",{property:"og:description",content:t||"Diễn đàn thảo luận về Điện thoại, Máy tính, Máy ảnh và các thiết bị Khoa học & Công nghệ."},"og:description"),(0,o.jsx)("meta",{property:"twitter:card",content:"summary"},"twitter:card"),(0,o.jsx)("meta",{property:"twitter:title",content:"".concat(e)||"Tinhte.vn"},"twitter:title"),(0,o.jsx)("meta",{property:"twitter:description",content:t||"Diễn đàn thảo luận về Điện thoại, Máy tính, Máy ảnh và các thiết bị Khoa học & Công nghệ."},"twitter:description"),(0,o.jsx)("meta",{property:"twitter:image",content:s||"https://photo2.tinhte.vn/data/attachment-files/2020/07/5075745_OG_newHome_2020_2.jpg"},"twitter:image"),(0,o.jsx)("meta",{property:"twitter:url",content:n&&""!==n?n:"https://tinhte.vn/"},"twitter:url"),(0,o.jsx)("meta",{name:"theme-color",content:"#192433"},"theme-color"),(0,o.jsx)("link",{rel:"canonical",href:n&&""!==n?n:"https://tinhte.vn"},"canonical")]};var C=a.i(823889),S=a.i(567166),T=a.i(748667),z=a.i(659497),I=a.i(724383),E=a.i(612683),F=a.i(240692);function M(){return(M=Object.assign.bind()).apply(null,arguments)}let B=a=>l.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:14,height:16,viewBox:"0 0 14 16"},a),e||(e=l.createElement("path",{fill:"#2EBFD9",fillRule:"nonzero",d:"M13.625 5H.375A.376.376 0 0 1 0 4.625V3.5A1.5 1.5 0 0 1 1.5 2H3V.375C3 .169 3.169 0 3.375 0h1.25C4.831 0 5 .169 5 .375V2h4V.375C9 .169 9.169 0 9.375 0h1.25c.206 0 .375.169.375.375V2h1.5A1.5 1.5 0 0 1 14 3.5v1.125a.376.376 0 0 1-.375.375M.375 6h13.25c.206 0 .375.169.375.375V14.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 0 14.5V6.375C0 6.169.169 6 .375 6m6.513 3.425-2.97 2.969L3.75 13.9c-.022.2.147.372.35.35l1.506-.169 2.969-2.968a.16.16 0 0 0 0-.226L7.113 9.426a.16.16 0 0 0-.226 0m3.428-.947-.794-.794a.63.63 0 0 0-.894 0l-.812.813a.16.16 0 0 0 0 .225l1.462 1.462a.16.16 0 0 0 .225 0l.813-.812a.63.63 0 0 0 0-.894"})));function A(){return(A=Object.assign.bind()).apply(null,arguments)}let P=a=>l.createElement("svg",A({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 16 16"},a),t||(t=l.createElement("path",{fill:"#2EBFD9",fillRule:"nonzero",d:"M12.903 9.806a3.097 3.097 0 1 1 0 6.194 3.097 3.097 0 0 1 0-6.194m-5.935 0c1.426 0 2.617.145 3.591.35a3.603 3.603 0 0 0-.182 5.328H.258A.26.26 0 0 1 0 15.226v-2.693c0-.714.42-1.362 1.069-1.65 1.107-.491 3.03-1.077 5.899-1.077m7.666 1.883c-.1-.101-.264-.101-.365 0l-1.882 1.882-.85-.85a.258.258 0 1 0-.365.365l1.033 1.032a.257.257 0 0 0 .365 0l2.064-2.065c.101-.1.101-.264 0-.364M6.968 0a3.875 3.875 0 0 1 3.87 3.871c0 2.07-1.655 4.387-3.87 4.387-2.216 0-3.871-2.316-3.871-4.387A3.875 3.875 0 0 1 6.967 0"})));function D(){return(D=Object.assign.bind()).apply(null,arguments)}let L=a=>l.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,viewBox:"0 0 14 14"},a),s||(s=l.createElement("path",{fill:"#2EBFD9",fillRule:"nonzero",d:"M4.667 1.167V3.5H2.333v8.167H10.5V9.333h2.333v3.5c0 .645-.522 1.167-1.167 1.167h-10.5A1.167 1.167 0 0 1 0 12.833v-10.5c0-.644.522-1.166 1.167-1.166zM12.347 0c.437 0 .855.173 1.164.482a1.644 1.644 0 0 1 .007 2.333L8.166 8.168l-3.5 1.166 1.167-3.5 5.351-5.35A1.64 1.64 0 0 1 12.348 0"}))),R=new String(".community-info.jsx-45c2479ac1ef631e{background-color:var(--grey-background);box-shadow:var(--box-shadow-3);border-radius:8px;margin-bottom:16px;padding:16px}.jsx-45c2479ac1ef631e:host{display:flex}.community-image.jsx-45c2479ac1ef631e{margin-bottom:15px}.heading.jsx-45c2479ac1ef631e{background-color:var(--grey-background);box-shadow:var(--box-shadow-3);border-radius:0 0 8px 8px;margin-bottom:16px;padding:16px}.name.jsx-45c2479ac1ef631e{padding:8px 0;font-size:34px}.description.jsx-45c2479ac1ef631e{margin-bottom:16px}.statistic.jsx-45c2479ac1ef631e>div.jsx-45c2479ac1ef631e{margin-bottom:8px;padding-left:23px;position:relative}.statistic.jsx-45c2479ac1ef631e>div.jsx-45c2479ac1ef631e svg{position:absolute;top:2px;left:0}.button.jsx-45c2479ac1ef631e{width:100%;color:var(--primary-text);background-color:var(--secondary-button);text-align:center;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:700;position:relative}");R.__hash="45c2479ac1ef631e";let H=a=>{let{community:e}=a,{title:t,thumb:s,stats:n,tinhteDashboards:i}=e;return(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash)+" community-image",children:[(0,o.jsx)(F.f,{src:s,alt:"Cộng đồng Tinhte - ".concat(t),height:"60%",radius:"4px"}),(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash)+" heading",children:[(0,o.jsx)("div",{className:"jsx-".concat(R.__hash),children:"Cộng đồng"}),(0,o.jsx)("div",{className:"jsx-".concat(R.__hash)+" name",children:(0,o.jsx)("strong",{className:"jsx-".concat(R.__hash),children:t})})]})]}),(0,o.jsx)("div",{className:"jsx-".concat(R.__hash)+" community-info",children:(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash)+" statistic",children:[(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(L,{}),"Thảo luận"]}),(0,o.jsx)("div",{className:"jsx-".concat(R.__hash),children:(0,o.jsxs)("strong",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(E.f,{value:n.tagUsedCount})," bài"]})})]}),(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(B,{}),"Trung bình"]}),(0,o.jsx)("div",{className:"jsx-".concat(R.__hash),children:(0,o.jsxs)("strong",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(E.f,{value:n.thread7d})," bài/ ngày"]})})]}),(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsxs)("div",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(P,{}),"Theo dõi bởi"]}),(0,o.jsx)("div",{className:"jsx-".concat(R.__hash),children:(0,o.jsxs)("strong",{className:"jsx-".concat(R.__hash),children:[(0,o.jsx)(E.f,{value:n.followersCount})," thành viên"]})})]}),i&&(0,o.jsx)("button",{className:"jsx-".concat(R.__hash)+" button",children:(0,o.jsx)("a",{target:"_blank",rel:"noreferrer",href:"/community-dashboard?iframe=".concat(encodeURIComponent(i)),className:"jsx-".concat(R.__hash),children:"Phân tích & đo lường"})})]})}),(0,o.jsx)(r.default,{id:R.__hash,children:R})]})},V=new String(".moderator-list.jsx-64f12745212e17b2{background-color:var(--grey-background);box-shadow:var(--box-shadow-3);border-radius:8px;margin-bottom:16px;padding:16px}.moderator.jsx-64f12745212e17b2{align-items:center;margin-bottom:12px;display:flex}.moderator.jsx-64f12745212e17b2 .avatar.jsx-64f12745212e17b2{border:2px solid var(--color-accent-dark);border-radius:50%;width:40px;height:40px}.moderator.jsx-64f12745212e17b2 .info.jsx-64f12745212e17b2{flex-direction:column;align-items:center;margin-left:6px;display:flex}.moderator.jsx-64f12745212e17b2 .info.jsx-64f12745212e17b2 .moderator-name.jsx-64f12745212e17b2{font-size:16px;font-weight:700}.moderator.jsx-64f12745212e17b2 .info.jsx-64f12745212e17b2 .moderator-name.jsx-64f12745212e17b2:hover{color:var(--color-accent-dark)}.moderator.jsx-64f12745212e17b2 .info.jsx-64f12745212e17b2 .moderator-role.jsx-64f12745212e17b2{color:var(--text-light-2);font-weight:500}");V.__hash="64f12745212e17b2";let O=a=>{let{communityModerators:e}=a;return(0,o.jsxs)("div",{className:"jsx-".concat(V.__hash),children:[(0,o.jsxs)("div",{className:"jsx-".concat(V.__hash)+" moderator-list",children:[(0,o.jsx)("h2",{className:"jsx-".concat(V.__hash)+" section-heading",children:"Quản trị viên"}),e&&e.map(a=>(0,o.jsxs)("div",{className:"jsx-".concat(V.__hash)+" moderator",children:[(0,o.jsx)("img",{src:a.avatar,alt:a.name,className:"jsx-".concat(V.__hash)+" avatar"}),(0,o.jsx)("div",{className:"jsx-".concat(V.__hash)+" info",children:(0,o.jsxs)("a",{href:a.link,className:"jsx-".concat(V.__hash),children:[(0,o.jsx)("p",{className:"jsx-".concat(V.__hash)+" moderator-name",children:a.name}),(0,o.jsx)("p",{className:"jsx-".concat(V.__hash)+" moderator-role",children:a.moderatorRole})]})})]},a.id))]}),(0,o.jsx)(r.default,{id:V.__hash,children:V})]})},U=new String("");U.__hash="c7c4975c7dd93495";let G=a=>{let{community:e,communityModerators:t}=a;return(0,o.jsxs)("div",{className:"jsx-".concat(U.__hash),children:[(0,o.jsx)(H,{community:e}),(0,o.jsx)("br",{className:"jsx-".concat(U.__hash)}),(0,o.jsx)(I.f,{}),(0,o.jsx)("br",{className:"jsx-".concat(U.__hash)}),e&&t&&t.length>0&&(0,o.jsx)(O,{communityModerators:t}),(0,o.jsx)(r.default,{id:U.__hash,children:U})]})};var K=a.i(739659),W=a.i(332017),X=a.i(693084),q=a.i(661655);let Y=new String(".post-widget.jsx-e4135f18f0834eba{padding:8px}");Y.__hash="e4135f18f0834eba";let Q=a=>{let{post:e=null}=a;return e?(0,o.jsxs)("div",{className:"jsx-".concat(Y.__hash)+" post-widget",children:[(0,o.jsx)(X.f,{body:e.bodyHtml}),(0,o.jsx)(r.default,{id:Y.__hash,children:Y})]}):null};Q.apiFetches={post:(a,e)=>{let{id:t}=e;return{uri:"posts/".concat(t),success:a=>(0,q.U)(a.post||{}),error:()=>null}}};let J=j.f.ApiConsumer(Q),Z=new String(".panel.jsx-b9ec61b5e4cb85e9{background-color:var(--light-background);border-radius:4px;margin-bottom:24px}.spacer.jsx-b9ec61b5e4cb85e9{padding:14px}.visible-tablet.jsx-b9ec61b5e4cb85e9{display:block}@media (min-width:1100px){.visible-tablet.jsx-b9ec61b5e4cb85e9{display:none}}");Z.__hash="b9ec61b5e4cb85e9";let{SlotName:$,PageName:aa}=S.f,ae=a=>{let{community:e}=a;return(0,o.jsxs)("div",{className:"jsx-".concat(Z.__hash),children:[(0,o.jsx)("div",{className:"jsx-".concat(Z.__hash)+" panel spacer visible-tablet",children:(0,o.jsx)(H,{community:e})}),(0,o.jsx)("div",{className:"jsx-".concat(Z.__hash)+" panel",children:(0,o.jsx)(K.f,{slotName:$.mediumRectangle,mobilePageName:aa.homeMobileWeb,desktopPageName:aa.homeDesktopWeb,desktopOnly:!0,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,o.jsx)(W.f,{path:"Desktop_Forum_Right_1",size:[300,250]}),tagText:e.tagText})}),(0,o.jsx)("div",{className:"jsx-".concat(Z.__hash)+" panel",children:(0,o.jsx)(K.f,{slotName:$.halfPage1,mobilePageName:aa.homeMobileWeb,desktopPageName:aa.homeDesktopWeb,desktopOnly:!0,doNotLazyLoad:!0,showGDN:!0,customGdnComponent:(0,o.jsx)(W.f,{path:"Right_Banner_3",size:[300,600]}),tagText:e.tagText})}),(0,o.jsx)("br",{className:"jsx-".concat(Z.__hash)}),(0,o.jsx)("div",{className:"jsx-".concat(Z.__hash)+" panel",children:e.config.widgets.length>0&&e.config.widgets.map(a=>(0,o.jsx)(J,{id:a}))}),(0,o.jsx)("div",{className:"jsx-".concat(Z.__hash)+" panel",children:(0,o.jsx)("div",{"data-cptid":"1596118_tinhte.vn_VideoInread",style:{display:"block"},className:"jsx-".concat(Z.__hash),children:(0,o.jsx)("script",{dangerouslySetInnerHTML:{__html:'\n              window.gnshbrequest.cmd.push(function() {\n                window.gnshbrequest.applyPassback("1596118_tinhte.vn_VideoInread", "[data-cptid=\'1596118_tinhte.vn_VideoInread\']");\n              });\n            '},className:"jsx-".concat(Z.__hash)})})}),(0,o.jsx)(r.default,{id:Z.__hash,children:Z})]})};var at=l;let as=a.r(308123)({features:["js","ww"]}),an=async a=>{let e=window.document.createElement("canvas");a.width>1200?(e.width=1200,e.height=1200/a.width*a.height):(e.height=1200,e.width=1200/a.height*a.width);try{return await as.resize(a,e,void 0),{blob:await as.toBlob(e,"image/jpeg",1)}}catch(a){return console.log(a),{error:"Có lỗi khi resize ảnh. Ảnh sẽ được upload với kích thước gốc."}}},ai=new String(".image-picker-image-container.jsx-d8f9a099a04aab74{box-sizing:border-box;width:33.3%;padding:5px;display:inline-block;position:relative}.image-picker.jsx-d8f9a099a04aab74 .loading-icon.jsx-d8f9a099a04aab74{margin-left:.5rem}.image-picker-loading.jsx-d8f9a099a04aab74{position:absolute;top:0;bottom:0;left:0;right:0}.image-picker-image.jsx-d8f9a099a04aab74{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:100%}.image-picker-image-del.jsx-d8f9a099a04aab74{color:#fff;text-shadow:2px 2px 2px #000;cursor:pointer;font-size:20px;position:absolute;top:12px;right:12px}.image-picker-error.jsx-d8f9a099a04aab74{color:#fff;background:#000c;justify-content:center;align-items:center;padding:10px;font-size:13px;line-height:1.5;display:flex;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.tinhteFact-container.jsx-d8f9a099a04aab74{margin-top:12px}.tinhteFact-title.jsx-d8f9a099a04aab74{color:var(--color-accent-light);background-color:var(--color-dark-2);text-align:center;text-transform:uppercase;padding:12px;font-size:24px;font-weight:700}.tinhteFact-img.jsx-d8f9a099a04aab74{display:block}.tinhteFact-body.jsx-d8f9a099a04aab74{color:var(--color-light-0);background-color:var(--color-dark-2);text-align:center;padding:12px;font-size:20px}@media (max-width:700px){.tinhteFact-title.jsx-d8f9a099a04aab74{padding:8px;font-size:18px}.tinhteFact-body.jsx-d8f9a099a04aab74{padding:8px;font-size:16px}}");ai.__hash="d8f9a099a04aab74";class ac extends at.default.Component{async onFileInputChange(a){let{files:e}=a.target;if(e=[...e],this.state.loading)return;this.setState({error:"",loading:!0});let t=e.filter(a=>a.type.match("image.*")),s=(t=t.map(a=>({raw:a,shouldUpload:!0}))).map(a=>new Promise(e=>{let t=new window.FileReader;t.onload=t=>{let s=t.target.result,n=new window.Image;n.onload=async()=>{let t={},i="".concat(a.raw.name.split(".").slice(0,-1).join("."),".jpg");(n.width>1200||n.height>1200)&&(t=await an(n)),e({...a,image:s,jpgName:i,...t})},n.src=t.target.result},t.readAsDataURL(a.raw)}).catch(a=>{u.c.error("Có lỗi xảy ra. ".concat(a.toString()))})),n=await Promise.all(s);this.props.onChangeImage(n),this.setState({loading:!1})}show(){this.fileInput.value=null,this.fileInput.click()}render(){let{multiple:a=!0}=this.props;return(0,o.jsxs)("div",{className:"jsx-".concat(ai.__hash),children:[this.state.loading&&(0,o.jsx)("i",{className:"jsx-".concat(ai.__hash)+" fa fa-spinner fa-spin"}),(0,o.jsxs)("div",{className:"jsx-".concat(ai.__hash)+" image-picker box",children:[(0,o.jsx)("input",{style:{display:"none"},type:"file",multiple:a,ref:a=>{this.fileInput=a},onChange:this.onFileInputChange,className:"jsx-".concat(ai.__hash)}),this.state.error&&(0,o.jsx)("p",{style:{color:"red",fontSize:14,padding:"0 5px"},className:"jsx-".concat(ai.__hash)+" full-width",children:this.state.error})]}),(0,o.jsx)(r.default,{id:ai.__hash,children:ai})]})}constructor(a){super(a),this.state={loading:!1,error:""},this.onFileInputChange=this.onFileInputChange.bind(this)}}var ao=a.i(192701),ar=a.i(532123);let al=new String(".page-featured-banner.jsx-3a896df6881e32cd{position:relative}.toggle-uploader.jsx-3a896df6881e32cd{background-color:var(--light-background);border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:6px;display:flex}.banner-configs.jsx-3a896df6881e32cd{background-color:var(--thread-background);border-radius:5px;margin-bottom:-15px;padding:20px 16px}@media (min-width:576px){.banner-configs.jsx-3a896df6881e32cd{justify-content:space-between;align-items:flex-end;display:flex}}.config.jsx-3a896df6881e32cd{flex-wrap:wrap;margin:0 -10px;display:flex}.config.jsx-3a896df6881e32cd .banner.jsx-3a896df6881e32cd{width:50%;padding:0 10px;position:relative}.config.jsx-3a896df6881e32cd .banner.jsx-3a896df6881e32cd .relative-pos.jsx-3a896df6881e32cd{position:relative}.config.jsx-3a896df6881e32cd .banner.jsx-3a896df6881e32cd .relative-pos.jsx-3a896df6881e32cd:hover .banner-select-btn.jsx-3a896df6881e32cd{opacity:1!important}.config.jsx-3a896df6881e32cd .banner.jsx-3a896df6881e32cd .relative-pos.jsx-3a896df6881e32cd img.jsx-3a896df6881e32cd{width:100%}.config.jsx-3a896df6881e32cd .banner-url.jsx-3a896df6881e32cd{flex:auto;margin-top:10px;padding:0 10px}.config.jsx-3a896df6881e32cd .banner-url.jsx-3a896df6881e32cd input.jsx-3a896df6881e32cd{background-color:var(--post-background);border-radius:6px;width:100%;padding:5px 15px}.config.jsx-3a896df6881e32cd .screen-label.jsx-3a896df6881e32cd{margin-bottom:5px;font-size:12px;font-weight:700}.config.jsx-3a896df6881e32cd .screen-label.jsx-3a896df6881e32cd svg{vertical-align:text-bottom;width:14px;height:14px;margin-left:10px;display:inline-block}.upload-btn.jsx-3a896df6881e32cd{color:var(--color-light-0);background-color:var(--color-accent-dark);border-radius:5px;width:100%;margin-top:10px;padding:5px 15px;font-weight:700}@media (min-width:576px){.upload-btn.jsx-3a896df6881e32cd{width:150px;margin-left:15px}}.banner-select-btn.jsx-3a896df6881e32cd{color:var(--button-high-contrast-text);opacity:0;background-color:var(--button-high-contrast);border-radius:5px;width:100%;padding:5px 15px;font-weight:700;transition:opacity .3s;position:absolute;top:0;bottom:0}.image-preview.jsx-3a896df6881e32cd{object-fit:cover;background:var(--post-background);border-radius:5px;width:200px;height:85px;display:block}.error.jsx-3a896df6881e32cd{color:var(--active-indicator-red);margin:10px 10px 0 0;font-size:11px;position:relative}@media (min-width:576px){.error.jsx-3a896df6881e32cd{max-width:175px;margin-left:10px}}.dark .toggle-uploader.jsx-3a896df6881e32cd svg path{fill:var(--dark-icon)}");al.__hash="3a896df6881e32cd";let ad=j.f.ApiConsumer(a=>{let{api:e,fpId:t,canManageCover:s,banner:n={desktop:"",mobile:""},bannerLink:i}=a,[c,d]=(0,l.useState)(!1),[h,x]=(0,l.useState)([{image:n.desktop}]),[m,p]=(0,l.useState)([{image:n.mobile}]),[g,f]=(0,l.useState)(i),j=(0,l.useRef)(null),u=(0,l.useRef)(null),b=a=>{d(!a)},_=(a,e)=>{0===e?x(a):p(a)},v=a=>{0===a?j.show():u.show()},w=(a,e)=>{let s=new window.FormData;return s.append("fp_id",t),s.append("is_mobile",e),null==a?s.append("image",null):a.blob?s.append("image",a.blob,a.jpgName):s.append("image",a.raw),s},y=a=>{0===a?x([{image:""}]):p([{image:""}]),e.del({uri:"/feature-pages/banner",params:{fp_id:t,is_mobile:a}}).then(a=>a).catch(a=>console.log(a))};return(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" page-featured-banner",children:[(0,o.jsxs)("a",{href:g,target:"_blank",rel:"noreferrer",className:"jsx-".concat(al.__hash),children:[h[0].image&&(0,o.jsx)("img",{src:h[0].image,alt:"Banner desktop",className:"jsx-".concat(al.__hash)+" hidden-md"}),m[0].image&&(0,o.jsx)("img",{src:m[0].image,alt:"Banner mobile",className:"jsx-".concat(al.__hash)+" visible-md"})]}),c&&(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" banner-configs",children:[(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" config",children:[(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" banner",children:[(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" screen-label",children:[(0,o.jsx)("span",{className:"jsx-".concat(al.__hash),children:"Desktop"}),(0,o.jsx)(ar.f,{title:"Xoá banner",onClick:()=>y(0)})]}),(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" relative-pos",children:[(0,o.jsx)("img",{src:h[0].image||"/static/images/placeholder-image.png",alt:"",className:"jsx-".concat(al.__hash)+" image-preview"}),(0,o.jsx)(ac,{ref:a=>{j=a},multiple:!1,onChangeImage:a=>_(a,0)}),(0,o.jsxs)("button",{onClick:()=>v(0),className:"jsx-".concat(al.__hash)+" banner-select-btn",children:[(0,o.jsx)("i",{className:"jsx-".concat(al.__hash)+" fas fa-image"}),(0,o.jsx)("span",{className:"jsx-".concat(al.__hash),children:" Chọn banner Desktop"})]})]})]}),(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" banner",children:[(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" screen-label",children:[(0,o.jsx)("span",{className:"jsx-".concat(al.__hash),children:"Mobile"}),(0,o.jsx)(ar.f,{title:"Xoá banner",onClick:()=>y(1)})]}),(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" relative-pos",children:[(0,o.jsx)("img",{src:m[0].image||"/static/images/placeholder-image.png",alt:"",className:"jsx-".concat(al.__hash)+" image-preview"}),(0,o.jsx)(ac,{ref:a=>{u=a},multiple:!1,onChangeImage:a=>_(a,1)}),(0,o.jsxs)("button",{onClick:()=>v(1),className:"jsx-".concat(al.__hash)+" banner-select-btn",children:[(0,o.jsx)("i",{className:"jsx-".concat(al.__hash)+" fas fa-image"}),(0,o.jsx)("span",{className:"jsx-".concat(al.__hash),children:" Chọn banner Mobile"})]})]})]}),(0,o.jsxs)("div",{className:"jsx-".concat(al.__hash)+" banner-url",children:[(0,o.jsx)("div",{className:"jsx-".concat(al.__hash)+" screen-label",children:(0,o.jsx)("span",{className:"jsx-".concat(al.__hash),children:"Banner Link"})}),(0,o.jsx)("input",{type:"text",onChange:a=>(a=>{let{target:{value:e}}=a;return f(e)})(a),defaultValue:g,className:"jsx-".concat(al.__hash)})]})]}),(0,o.jsx)("button",{onClick:()=>{let a,s;h[0].shouldUpload&&(a=w(h?h[0]:null,0),e.post({uri:"/feature-pages/banner",body:a}).then(a=>a).catch(a=>console.log(a))),m[0].shouldUpload&&(s=w(m?m[0]:null,1),e.post({uri:"/feature-pages/banner",body:s}).then(a=>a).catch(a=>console.log(a))),e.put({uri:"/feature-pages",params:{fp_id:t,banner_link:g}}).then(a=>a).catch(a=>console.log(a)),b(c)},className:"jsx-".concat(al.__hash)+" upload-btn",children:"Lưu"})]}),s&&(0,o.jsx)("button",{title:"Cài đặt Banner",onClick:()=>b(c),className:"jsx-".concat(al.__hash)+" toggle-uploader",children:(0,o.jsx)(ao.f,{})}),(0,o.jsx)(r.default,{id:al.__hash,children:al})]})});var ah=a.i(770267);function ax(){return(ax=Object.assign.bind()).apply(null,arguments)}let am=a=>l.createElement("svg",ax({xmlns:"http://www.w3.org/2000/svg",width:14,height:14,viewBox:"0 0 14 14"},a),n||(n=l.createElement("path",{fill:"#FFF",fillRule:"nonzero",d:"M14 8H8v6H6V8H0V6h6V0h2v6h6z"})));var ap=a.i(588076);function ag(){return(ag=Object.assign.bind()).apply(null,arguments)}let af=a=>l.createElement("svg",ag({xmlns:"http://www.w3.org/2000/svg",width:16,height:14,viewBox:"0 0 16 14"},a),i||(i=l.createElement("path",{fill:"#232F3D",fillRule:"nonzero",d:"M8 4.114c-4.033 0-8 2.469-8 9.6C2.1 10.217 4.8 9.6 8 9.6v4.114l8-6.857L8 0z"})));function aj(){return(aj=Object.assign.bind()).apply(null,arguments)}let au=a=>l.createElement("svg",aj({xmlns:"http://www.w3.org/2000/svg",width:14,height:12,viewBox:"0 0 14 12"},a),c||(c=l.createElement("path",{fill:"#00B9DA",fillRule:"evenodd",d:"m12.056 0-.917 1.008L4.75 8.029 1.89 5.065 0 7.022 4.806 12l.944-1.036 7.333-8.057L14 1.899z"}))),ab=new String(".call-to-action.jsx-26609f9dff37f6a5{background-color:var(--thread-background);border-radius:8px;padding:13px 10px;display:flex}@media (min-width:576px){.call-to-action.jsx-26609f9dff37f6a5{padding-left:16px;padding-right:16px}}.follow.jsx-26609f9dff37f6a5{color:var(--text-light);background:linear-gradient(275deg,#17ffff 0%,#0049fd 100%);border-radius:8px;flex:auto;padding:13px 20px;font-weight:700}button.active.jsx-26609f9dff37f6a5,a.active.jsx-26609f9dff37f6a5{color:var(--text-button-active);background-color:var(--button-active);background:var(--button-active)}button.active.jsx-26609f9dff37f6a5 svg path,a.active.jsx-26609f9dff37f6a5 svg path{fill:var(--text-button-active)}.share-btn.jsx-26609f9dff37f6a5{text-align:center;background-color:var(--light-background-4);border-radius:8px;width:137px;margin-left:8px;padding:13px 20px;font-weight:700}.modal-title.jsx-26609f9dff37f6a5{color:var(--text-dark);font-size:18px;font-weight:700}.modal-controls.jsx-26609f9dff37f6a5{margin-top:12px;margin-bottom:12px;display:flex}.modal-button.jsx-26609f9dff37f6a5{background:var(--button-light);border-radius:4px;width:100%;margin:12px;padding:13px 10px;font-size:16px;font-weight:700}.modal-button.jsx-26609f9dff37f6a5:first-child{margin-left:0}.modal-button.jsx-26609f9dff37f6a5:nth-child(2){margin-right:0}.modal-button.jsx-26609f9dff37f6a5:hover{background-color:var(--hover-background)}.modal-button.yes.jsx-26609f9dff37f6a5{color:var(--button-high-contrast-text);background-color:var(--button-high-contrast)}");ab.__hash="26609f9dff37f6a5";let a_={content:{maxWidth:"600px",width:"95%",top:"30%",left:"50%",right:"auto",bottom:"auto",transform:"translate(-50%, -50%)",backgroundColor:"var(--post-background)"}},av=j.f.ApiConsumer(a=>{let{fpId:e,tagId:t,tagSlug:s,isFollowed:n,api:i}=a,[c,h]=(0,l.useState)(!1),[x,m]=(0,l.useState)(n),[p,g]=(0,l.useState)(!1),[f,j]=(0,l.useState)(!0),_=()=>{f?h(!c):window.location.href="/login""},v=a=>{let e="tags/".concat(t,"/followers");x?i.del({uri:e}).then(a=>{"ok"===a.status&&m(!1)}).catch(a=>u.c.error(a.toString())):i.post({uri:e,params:{alert:a}}).then(a=>{"ok"===a.status&&(m(!0),_())}).catch(a=>u.c.error(a.toString()))};return(0,l.useEffect)(()=>{n!==x&&m(n)},[n]),(0,l.useEffect)(()=>{i.onAuthenticated(()=>{i.get({uri:"feature-pages/bookmarks",params:{fp_id:e}}).then(a=>{g((0,d.default)(a,"feature_pages",[]).map(b.f).find(a=>a.fpId===e))})}),i.onAuthenticated(()=>{i.getUserId()>0?j(!0):j(!1)})},[]),(0,o.jsxs)("div",{className:"jsx-".concat(ab.__hash)+" call-to-action",children:[x?(0,o.jsxs)("button",{onClick:v,className:"jsx-".concat(ab.__hash)+" follow btn-with-icon active",children:[(0,o.jsx)(au,{})," Đang theo dõi"]}):(0,o.jsxs)("button",{onClick:_,className:"jsx-".concat(ab.__hash)+" follow btn-with-icon",children:[(0,o.jsx)(am,{})," Đăng ký theo dõi"]}),p?(0,o.jsxs)("button",{onClick:()=>{e&&i.del({uri:"feature-pages/bookmarks",params:{fp_id:e}}).then(g(!1)).catch(a=>u.c.error(a.toString()))},className:"jsx-".concat(ab.__hash)+" share-btn dark-theme-icon btn-with-icon active",children:[(0,o.jsx)(ap.f,{})," Đã ghim"]}):(0,o.jsxs)("button",{onClick:()=>{e&&i.post({uri:"feature-pages/bookmarks",params:{fp_id:e}}).then(g(!0)).catch(a=>u.c.error(a.toString()))},className:"jsx-".concat(ab.__hash)+" share-btn dark-theme-icon btn-with-icon",children:[(0,o.jsx)(ap.f,{}),"  Ghim"]}),(0,o.jsxs)("a",{href:"https://facebook.com/sharer/sharer.php?u=https://tinhte.vn/community/".concat(s),target:"_blank",rel:"noopener noreferrer",className:"jsx-".concat(ab.__hash)+" share-btn btn-with-icon dark-theme-icon",children:[(0,o.jsx)(af,{})," Chia sẻ"]}),c&&(0,o.jsxs)(ah.default,{isOpen:c,ariaHideApp:!1,style:a_,children:[(0,o.jsx)("h2",{className:"jsx-".concat(ab.__hash)+" modal-title",children:"Bạn có muốn nhận thông báo khi có người đăng nội dung mới vào cộng đồng không?"}),(0,o.jsxs)("div",{className:"jsx-".concat(ab.__hash)+" modal-controls",children:[(0,o.jsx)("button",{onClick:()=>v(1),className:"jsx-".concat(ab.__hash)+" modal-button yes",children:"Có"}),(0,o.jsx)("button",{onClick:()=>v(0),className:"jsx-".concat(ab.__hash)+" modal-button",children:"Không"})]})]}),(0,o.jsx)(r.default,{id:ab.__hash,children:ab})]})});var aw=a.i(41158),ay=a.i(849377),ak=a.i(193432),aN=a.i(805513),aC=a.i(94764);let aS=new String(".tab-header.jsx-34acf38bfaffc01{background-color:var(--thread-background);border-radius:8px;align-items:center;margin-bottom:12px;display:flex;overflow-x:auto}.tab-header.jsx-34acf38bfaffc01 li.jsx-34acf38bfaffc01{text-align:center;flex:1 0 auto;height:100%;font-size:18px;font-weight:700;transition:all .1s}.tab-header.jsx-34acf38bfaffc01 li.active.jsx-34acf38bfaffc01{color:var(--color-accent-dark);border-bottom:3px solid var(--color-accent-dark);padding:16px}.tab-header.jsx-34acf38bfaffc01 li.jsx-34acf38bfaffc01:hover{color:var(--text-link);cursor:pointer;border-bottom:3px solid var(--text-link);transition:all .1s}.tab-header.jsx-34acf38bfaffc01 li.jsx-34acf38bfaffc01 a.jsx-34acf38bfaffc01{height:100%;padding:16px;display:block}.tab-discussion.jsx-34acf38bfaffc01 .forum-thread-stream{display:none}");aS.__hash="34acf38bfaffc01";let aT=j.f.ApiConsumer(a=>{let{tabLabels:e,tagSlug:t,tagText:s,community:n}=a,[i,c]=(0,l.useState)({});return(0,o.jsxs)("div",{className:"jsx-".concat(aS.__hash)+" tab-discussion",children:[(0,o.jsxs)("ul",{className:"jsx-".concat(aS.__hash)+" tab-header",children:[(0,o.jsx)("li",{className:"jsx-".concat(aS.__hash)+" active",children:e.discussion}),"_"!==e.news&&(0,o.jsx)("li",{className:"jsx-".concat(aS.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(t,"/tin-tuc"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aS.__hash),children:e.news})})}),"_"!==e.info&&(0,o.jsx)("li",{className:"jsx-".concat(aS.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(t,"/thong-tin"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aS.__hash),children:e.info})})})]}),(0,o.jsx)(aC.f,{miniMode:!0,inlineMode:!0,triggerType:ay.B.FORM,newThread:a=>{c(a)},requiredTagText:s,forumId:n&&n.config?n.config.commentForumID:null,forumTitle:n.title}),(0,o.jsx)(aN.f,{newThread:i,requestType:ak.f.COMMUNITY,paramVal:n.fpId,community:n}),(0,o.jsx)(r.default,{id:aS.__hash,children:aS})]})});var az=a.i(913083),aI=a.i(943029),aE=a.i(318892),aF=a.i(230184),aM=a.i(534358),aB=a.i(750840);let aA=new String(".body.jsx-dc8b9914e325a7a4{margin-top:10px}.info.jsx-dc8b9914e325a7a4{color:var(--text-since);flex-wrap:wrap;align-items:baseline;margin-bottom:3px;font-size:12px;list-style-type:none;display:flex}.author.jsx-dc8b9914e325a7a4{color:var(--color-accent-dark);font-weight:700}.since.jsx-dc8b9914e325a7a4{margin-right:18px}.comment.jsx-dc8b9914e325a7a4{margin-top:3px}.comment.jsx-dc8b9914e325a7a4 svg{vertical-align:middle;display:inline-block}.comment.jsx-dc8b9914e325a7a4 .comment-count.jsx-dc8b9914e325a7a4{margin-left:5px;font-weight:700}.title.jsx-dc8b9914e325a7a4{font-size:16px;font-weight:700;line-height:1.33}.title.jsx-dc8b9914e325a7a4:hover{color:var(--color-accent-dark)}.first.jsx-dc8b9914e325a7a4 .title.jsx-dc8b9914e325a7a4{font-size:20px;line-height:1.45}.second.jsx-dc8b9914e325a7a4{border-radius:6px;height:100%;overflow:hidden}@media (min-width:768px){.second.jsx-dc8b9914e325a7a4{background-image:var(--second-featured-threads-background)}}.second.jsx-dc8b9914e325a7a4 .title.jsx-dc8b9914e325a7a4{margin-bottom:8px}@media (min-width:768px){.second.jsx-dc8b9914e325a7a4 .body.jsx-dc8b9914e325a7a4{padding:0 16px 12px}}.second.jsx-dc8b9914e325a7a4 .body.jsx-dc8b9914e325a7a4 .exceprt.jsx-dc8b9914e325a7a4{display:none}@media (min-width:768px){.second.jsx-dc8b9914e325a7a4 .body.jsx-dc8b9914e325a7a4 .exceprt.jsx-dc8b9914e325a7a4{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}");aA.__hash="dc8b9914e325a7a4";let aP=a=>{let{thread:e}=a;return(0,o.jsxs)("a",{href:(0,aB.f)(e.link,"internal","TinhteCommunity"),className:"jsx-".concat(aA.__hash)+" thread",children:[(0,o.jsx)(aM.f,{ratio:21/13,thread:e,borderRadius:6,src:e.image}),(0,o.jsx)("article",{className:"jsx-".concat(aA.__hash)+" body",children:(0,o.jsxs)("div",{className:"jsx-".concat(aA.__hash)+" content",children:[(0,o.jsxs)("div",{className:"jsx-".concat(aA.__hash)+" info",children:[(0,o.jsx)("span",{className:"jsx-".concat(aA.__hash)+" author",children:e.author.name}),(0,o.jsxs)("span",{className:"jsx-".concat(aA.__hash)+" since",children:[" - ",(0,o.jsx)(aF.f,{value:e.since})]}),e.stats.comment>=30?(0,o.jsx)("span",{className:"jsx-".concat(aA.__hash)+" comment",children:(0,o.jsx)("img",{width:"21",src:"/static/images/icon-hot.png",alt:"",className:"jsx-".concat(aA.__hash)})}):(0,o.jsx)("span",{className:"jsx-".concat(aA.__hash)})]}),(0,o.jsx)("h3",{className:"jsx-".concat(aA.__hash)+" title",children:e.title})]})}),(0,o.jsx)(r.default,{id:aA.__hash,children:aA})]})},aD=new String(".tab-header.jsx-2417cc4accc2667b{background-color:var(--thread-background);border-radius:8px;align-items:center;margin-bottom:12px;display:flex;overflow-x:auto}.tab-header.jsx-2417cc4accc2667b li.jsx-2417cc4accc2667b{text-align:center;flex:1 0 auto;height:100%;font-size:18px;font-weight:700;transition:all .1s}.tab-header.jsx-2417cc4accc2667b li.active.jsx-2417cc4accc2667b{color:var(--color-accent-dark);border-bottom:3px solid var(--color-accent-dark);padding:16px}.tab-header.jsx-2417cc4accc2667b li.jsx-2417cc4accc2667b:hover{color:var(--text-link);cursor:pointer;border-bottom:3px solid var(--text-link);transition:all .1s}.tab-header.jsx-2417cc4accc2667b li.jsx-2417cc4accc2667b a.jsx-2417cc4accc2667b{height:100%;padding:16px;display:block}.threads.jsx-2417cc4accc2667b{background-color:var(--light-background);flex-wrap:wrap;margin-left:-8px;margin-right:-8px;padding:10px;display:flex}@media (min-width:576px){.threads.jsx-2417cc4accc2667b{padding:16px}}.threads.jsx-2417cc4accc2667b .thread{width:50%;margin-bottom:24px;padding-left:8px;padding-right:8px}.threads.jsx-2417cc4accc2667b .thread:first-child{width:100%}.threads.jsx-2417cc4accc2667b .thread:first-child .title{font-size:21px}.loading-text.jsx-2417cc4accc2667b{text-align:center;padding:16px 10px}");aD.__hash="2417cc4accc2667b";let aL={threads:[],nextPage:null},aR=a=>{let{api:e,tabLabels:t,tagSlug:s,response:n=aL}=a,[i,c]=(0,l.useState)([]),[h,x]=(0,l.useState)(null),[m,p]=(0,l.useState)(!0),[g,f]=(0,l.useState)(!1),j=()=>{let a=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop,e=document.documentElement&&document.documentElement.scrollHeight||document.body.scrollHeight;a+window.innerHeight+500>=e&&f(!0)};return(0,l.useEffect)(()=>(window.addEventListener("scroll",j),()=>window.removeEventListener("scroll",j)),[]),(0,l.useEffect)(()=>{c(n.threads),x(n.nextPage)},[n]),(0,l.useEffect)(()=>{f(!1)},[i,h]),(0,l.useEffect)(()=>{g&&(e&&h?(p(!0),e.get(h).then(a=>{let e=(0,d.default)(a,"threads",[]).map(az.U),t=(0,d.default)(a,"links.next",null),s=e.filter(a=>!i.some(e=>e.id===a.id));c([...i,...s]),x(t),p(!1)}).catch(a=>{p(!1),u.c.error("Có lỗi khi tải bài viết"),console.log(a)})):p(!1))},[g]),(0,o.jsxs)("div",{className:"jsx-".concat(aD.__hash)+" tab-tips-and-news",children:[(0,o.jsxs)("ul",{className:"jsx-".concat(aD.__hash)+" tab-header",children:["_"!==t.discussion&&(0,o.jsx)("li",{className:"jsx-".concat(aD.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(s,"/thao-luan"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aD.__hash),children:t.discussion})})}),(0,o.jsx)("li",{className:"jsx-".concat(aD.__hash)+" active",children:t.news}),"_"!==t.info&&(0,o.jsx)("li",{className:"jsx-".concat(aD.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(s,"/thong-tin"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aD.__hash),children:t.info})})})]}),(0,o.jsxs)("div",{className:"jsx-".concat(aD.__hash)+" threads",children:[0===i.length&&!m&&(0,o.jsx)(aE.f,{}),i&&i.length>0&&i.map(a=>(0,o.jsx)(aP,{thread:a},a.id))]}),m&&(0,o.jsx)("div",{className:"jsx-".concat(aD.__hash)+" loading-text",children:"Đang tải..."}),!h&&(0,o.jsx)(aI.f,{}),(0,o.jsx)(r.default,{id:aD.__hash,children:aD})]})};aR.apiFetches={response:(a,e)=>{let{community:t}=e;return{uri:"threads/promoted",params:{thread_tag_ids:[t.tagId,...t.secondaryTags.map(a=>a.tag_id)],limit:11,order:"thread_create_date_reverse",fields_include:(0,az.Y)("content.")},success:a=>({threads:(0,d.default)(a,"threads",[]).map(az.U),nextPage:(0,d.default)(a,"links.next",null)}),error:a=>console.log(a)}}};let aH=j.f.ApiConsumer(aR),aV=new String("");aV.__hash="2dc03891fcfb6e36";let aO=()=>(0,o.jsxs)("div",{className:"jsx-".concat(aV.__hash)+" tab-gallery",children:["Tab Hình ảnh",(0,o.jsx)(r.default,{id:aV.__hash,children:aV})]}),aU=new String(".tab-header.jsx-a9df3a07c27a2359{background-color:var(--thread-background);border-radius:8px;align-items:center;margin-bottom:12px;display:flex;overflow-x:auto}.tab-header.jsx-a9df3a07c27a2359 li.jsx-a9df3a07c27a2359{text-align:center;flex:1 0 auto;height:100%;font-size:18px;font-weight:700;transition:all .1s}.tab-header.jsx-a9df3a07c27a2359 li.active.jsx-a9df3a07c27a2359{color:var(--color-accent-dark);border-bottom:3px solid var(--color-accent-dark);padding:16px}.tab-header.jsx-a9df3a07c27a2359 li.jsx-a9df3a07c27a2359:hover{color:var(--text-link);cursor:pointer;border-bottom:3px solid var(--text-link);transition:all .1s}.tab-header.jsx-a9df3a07c27a2359 li.jsx-a9df3a07c27a2359 a.jsx-a9df3a07c27a2359{height:100%;padding:16px;display:block}");aU.__hash="a9df3a07c27a2359";let aG=a=>{let{tabLabels:e,tagSlug:t,post:s=null}=a;return(0,o.jsxs)("div",{className:"jsx-".concat(aU.__hash)+" tab-statistic",children:[(0,o.jsxs)("ul",{className:"jsx-".concat(aU.__hash)+" tab-header",children:["_"!==e.discussion&&(0,o.jsx)("li",{className:"jsx-".concat(aU.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(t,"/thao-luan"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aU.__hash),children:e.discussion})})}),"_"!==e.news&&(0,o.jsx)("li",{className:"jsx-".concat(aU.__hash),children:(0,o.jsx)(aw.default,{href:"/".concat(t,"/tin-tuc"),legacyBehavior:!0,children:(0,o.jsx)("a",{className:"jsx-".concat(aU.__hash),children:e.news})})}),(0,o.jsx)("li",{className:"jsx-".concat(aU.__hash)+" active",children:e.info})]}),s&&s.id?(0,o.jsx)(X.f,{body:s.bodyHtml,author:s.author.name}):(0,o.jsx)(aE.f,{}),(0,o.jsx)(r.default,{id:aU.__hash,children:aU})]})};aG.apiFetches={post:(a,e)=>{let{community:t}=e;return{uri:"posts?post_id=".concat(t.config.infoPostID),success:a=>(0,q.U)((0,d.default)(a,"post",null))}}};let aK=j.f.ApiConsumer(aG),aW=new String("hr.jsx-e7c0eb62e662af3f{height:6px}");aW.__hash="e7c0eb62e662af3f";let aX=a=>{var e;let{community:t,tagSlug:s,activeTab:n}=a,{fpId:i,tagId:c,tagText:l,isFollowed:d,config:{homeTab:h,tabLabels:x},assets:{banner:m,bannerMb:p},permission:{canFollow:g,manageCover:f}}=t;return(0,o.jsxs)("div",{className:"jsx-".concat(aW.__hash),children:[(0,o.jsx)(ad,{fpId:i,canManageCover:f,banner:{desktop:m,mobile:p},bannerLink:t.config.bannerLink}),m&&(0,o.jsx)("hr",{className:"jsx-".concat(aW.__hash)}),(0,o.jsx)(av,{fpId:i,tagId:c,tagSlug:s,isFollowed:d,canFollow:g}),(0,o.jsx)("hr",{className:"jsx-".concat(aW.__hash)}),"tin-tuc"===(e=n||h)||"news"===e?(0,o.jsx)(aH,{tabLabels:x,tagSlug:s,community:t}):"hinh-anh"===e||"gallery"===e?(0,o.jsx)(aO,{tabLabels:x,tagSlug:s}):"thong-tin"===e||"info"===e?(0,o.jsx)(aK,{tabLabels:x,tagSlug:s,community:t}):(0,o.jsx)(aT,{tabLabels:x,tagSlug:s,tagText:l,community:t}),(0,o.jsx)(r.default,{id:aW.__hash,children:aW})]})},aq=new String("@media (max-width:767px){.community.jsx-ae1837749c1a10cb .fluid.container{padding-left:0;padding-right:0}.community.jsx-ae1837749c1a10cb .row{margin-left:0;margin-right:0}}.community.jsx-ae1837749c1a10cb .col-main{background:0 0}@media (min-width:1100px){.community.jsx-ae1837749c1a10cb .col-main{max-width:700px;padding-left:0;padding-right:0}}@media (max-width:767px){.community.jsx-ae1837749c1a10cb .col-main{padding-left:0;padding-right:0}}.community.jsx-ae1837749c1a10cb .col-left{display:none}@media (min-width:1100px){.community.jsx-ae1837749c1a10cb .col-left{display:block}}@media (max-width:767px){.community.jsx-ae1837749c1a10cb .col-left{padding-left:0;padding-right:0}}.community.jsx-ae1837749c1a10cb .col-right{display:none}@media (min-width:992px){.community.jsx-ae1837749c1a10cb .col-right{padding-left:20px;display:block}}@media (max-width:767px){.community.jsx-ae1837749c1a10cb .col-right{padding-left:0;padding-right:0}}");aq.__hash="ae1837749c1a10cb";let{PageName:aY}=S.f,aQ=a=>{let{api:e,tagSlug:t,tabName:s,community:n=null,taFromBlock:i}=a,[c,h]=(0,l.useState)(n),[x,m]=(0,l.useState)([]);if((0,l.useEffect)(()=>{e.onAuthenticated(()=>void e.get({uri:"feature-pages",params:{route:t,_bdImageApiFeaturePageThumbnailSize:"460",_bdImageApiFeaturePageThumbnailMode:"sw",order:"promoted",fields_include:"links.tinhte_dashboards"}}).then(a=>{var t;let s=(0,b.f)((0,d.default)(a,"fp",{}));h(s),t=s.fpId,e.get({uri:"/feature-pages/moderators",params:{fp_id:t}}).then(a=>{m((0,d.default)(a,"moderators",[]).map(y))})}).catch(a=>{u.c.error("Không lấy được thông tin Cộng đồng"),console.log(a)}))},[]),(0,l.useEffect)(()=>{c&&(window.document.title="Cộng đồng ".concat(c.title," | Tinh tế"))},[c]),!c)return null;let p={};return c&&(p.featured_page_id=c.id,p.tag_id=c.tagId,p.tag_text=c.tagText),(0,o.jsxs)("div",{className:"jsx-".concat(aq.__hash)+" community",children:[(0,o.jsx)(f.default,{children:(0,o.jsx)(N,{title:"Cộng đồng ".concat(c.title),description:"Cộng đồng ".concat(c.title," - Nơi thảo luận và chia sẻ kinh nghiệm"),ogImageUrl:c.assets.og,url:"https://tinhte.vn/".concat(t)})}),(0,o.jsx)(k.f,{fluid:!0,mainLarge:"thong-tin"===s,left:(0,o.jsx)(G,{community:c,communityModerators:x}),main:(0,o.jsx)(aX,{community:c,tagSlug:t,activeTab:s}),right:(0,o.jsx)(ae,{community:c})}),(0,o.jsx)(C.f,{pageDesktopName:aY.communityDesktopWeb,pageMobileName:aY.communityMobileWeb,extraData:p,taPageName:z.f.Community_Detail,taFromBlock:i,taAttributes:[{key:"community_id",value:c.fpId}]}),(0,o.jsx)(T.f,{pageName:z.f.Community_Detail,communityId:c?c.fpId:null}),(0,o.jsx)(r.default,{id:aq.__hash,children:aq})]})};aQ.apiFetches={community:(a,e)=>{let{tagSlug:t}=e;return{uri:"feature-pages",params:{route:t,_bdImageApiFeaturePageThumbnailSize:"460",_bdImageApiFeaturePageThumbnailMode:"sw",order:"promoted"},success:a=>(0,b.f)((0,d.default)(a,"fp",{})),error:()=>(()=>{let a=Error();throw a.code="ENOENT",a})()}}};let aJ=j.f.ApiConsumer(aQ),aZ=new String("");aZ.__hash="e43e7f1a484b1acb";let a$=(0,x.f)(a=>{let{query:e}=a,t=(0,d.default)(e,"tagSlug",null),s=(0,d.default)(e,"tabName",null),n=(0,d.default)(e,"taFromBlock","");return(0,o.jsxs)(h.f,{title:"Cộng đồng",isCommunityPage:!0,children:[(0,o.jsx)(p.f,{}),(0,o.jsx)(aJ,{tagSlug:t,tabName:s,taFromBlock:n}),(0,o.jsx)(g.f,{}),(0,o.jsx)(m.f,{}),(0,o.jsx)(r.default,{id:aZ.__hash,children:aZ})]})});a.s(["default",0,a$],310078)}]);