1(this["webpackJsonpbyzans-website"]=this["webpackJsonpbyzans-website"]||[]).push([[30],{695:function(n,e,t){n.exports=t.p+"static/media/users.895c3f74.svg"},696:function(n,e,t){n.exports=t.p+"static/media/messages.5a7adf51.svg"},762:function(n,e,t){"use strict";t.r(e);var a,r,i,o,s,c,l,p,d,u,b,g,m,x,f,h,j,v,w,O,y,k=t(3),E=t(11),_=t(0),z=t.n(_),C=t(2),F=t(13),R=t(4),S=t(759),L=t(125),T=t(170),U=t(113),B=t(37),D=t(76),I=t(36),K=t(124),P=t(82),Y=function(n){return n.length?"string"==typeof n[0]?n.join(","):n.map((function(n){return n.name})).join(","):""},A=C.d.div(a||(a=Object(k.a)(["\n display: grid;\n grid-template-columns: 1fr;\n\n align-items: center;\n justify-items: center;\n\n grid-gap: 32px;\n\n width: 100%;\n"]))),J=C.d.a(r||(r=Object(k.a)(["\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: start;\n grid-gap: 16px;\n\n width: 100%;\n background: ",";\n padding: 16px;\n border-radius: 20px;\n box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n\n cursor: pointer;\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n\n &:hover {\n transform: translateY(-2px);\n box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.08);\n }\n\n &,&:active,&:visited,&:hover,&:focus {\n text-decoration: none;\n color: ",";\n }\n\n "," {\n padding: 24px;\n grid-gap: 24px;\n }\n"])),(function(n){return n.theme.colors.bg}),(function(n){return n.theme.colors.main}),Object(F.up)("tablet")),W=C.d.div(i||(i=Object(k.a)(["\n position: relative;\n width: 100px;\n"]))),X=C.d.div(o||(o=Object(k.a)(["\n display: grid;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n aspect-ratio: 6 / 9;\n border-radius: 10px;\n\n font-size: 16px;\n text-align: center;\n word-wrap: anywhere;\n\n background: ",";\n background-size: cover;\n background-position: 50%;\n\n box-shadow: 0px 4px 24px #ABBAD3;\n\n overflow: hidden;\n"])),(function(n){return n.src?'url("'.concat(n.src,'")'):n.theme.colors.bg})),G=C.d.div(s||(s=Object(k.a)(["\n position: absolute;\n top: -5px;\n left: -5px;\n \n display: ",";\n align-items: center;\n justify-content: center;\n\n height: 25px;\n min-width: 25px;\n\n border-radius: 13px;\n \n background: white;\n\n "," {\n top: -7px;\n left: -7px;\n\n height: 30px;\n min-width: 30px;\n\n border-radius: 15px;\n }\n"])),(function(n){return n.flag?"grid":"none"}),Object(F.up)("tablet")),N=C.d.div(c||(c=Object(k.a)(["\n position: absolute;\n bottom: 100%;\n left: 100%;\n transform: translate(-80%, 80%);\n\n width: 20px;\n height: 20px;\n\n background: ",";\n \n border: 2px solid #F3F6FB;\n border-radius: 50%;\n"])),(function(n){return n.theme.statuses[n.statusId]})),q=C.d.div(l||(l=Object(k.a)(["\n display: grid;\n align-items: center;\n justify-items: start;\n \n grid-template-columns: 1fr;\n grid-template-rows: auto auto 1fr;\n \n grid-gap: 16px;\n\n height: 100%;\n"]))),H=C.d.div(p||(p=Object(k.a)(["\n font-weight: bold;\n"]))),M=C.d.div(d||(d=Object(k.a)(["\n font-size: 14px;\n line-height: 24px;\n"]))),Q=C.d.div(u||(u=Object(k.a)(["\n display: grid;\n align-items: center;\n justify-items: start;\n grid-template-columns: auto auto auto auto;\n grid-gap: 10px;\n\n align-self: end;\n\n font-size: 14px;\n line-height: 16px;\n"]))),V=C.d.img(b||(b=Object(k.a)(["\n height: 16px;\n aspect-ratio: 1 / 1;\n"]))),Z=function(n){var e=n.clubs,a=Object(S.a)("book").t,r=Object(I.c)().setComponent;return z.a.createElement(A,null,(e||[]).map((function(n){return z.a.createElement(J,{key:n.id,href:"/book?isbn13=".concat(n.books[0].isbn13),onClick:function(e){e.preventDefault(),r(z.a.createElement(K.a,{book:n.books[0],needsUpdate:!0}),z.a.createElement(P.a,{bg:n.books[0].bg_color}))}},z.a.createElement(W,null,z.a.createElement(X,{src:n.books[0].image},n.image?"":n.title),z.a.createElement(G,{flag:n.language},Object(D.e)(n.language.toLowerCase())),n.my_status_id&&z.a.createElement(N,{statusId:n.my_status_id})),z.a.createElement(q,null,z.a.createElement(H,null,n.title),z.a.createElement(M,null,a("by")," ",Y(n.books[0].authors)),z.a.createElement(Q,null,z.a.createElement(V,{src:t(695)})," ",n.total_users,z.a.createElement(V,{src:t(696)})," ",n.total_messages)))})))},$=C.d.div(g||(g=Object(k.a)(["\n display: grid;
1\n align-items: start;\n justify-items: center;\n grid-template-rows: auto auto 1fr;\n grid-gap: 16px;\n\n width: 100%;\n min-height: 100vh;\n\n padding: 16px;\n\n "," {\n padding: 24px 32px;\n grid-gap: 20px;\n }\n\n "," {\n max-width: 1000px;\n padding: 24px 32px;\n }\n"])),Object(F.up)("tablet"),Object(F.up)("desktop")),nn=C.d.div(m||(m=Object(k.a)(["\n display: flex;\n flex-direction: column;\n gap: 14px;\n align-items: flex-start;\n width: 100%;\n\n background: ",";\n padding: 20px 24px;\n border-radius: 16px;\n box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n\n "," {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n padding: 22px 28px;\n }\n"])),(function(n){return n.theme.colors.bg}),Object(F.up)("tablet")),en=C.d.div(x||(x=Object(k.a)(["\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n min-width: 0;\n"]))),tn=C.d.h1(f||(f=Object(k.a)(["\n margin: 0;\n font-size: 20px;\n font-weight: 800;\n color: ",";\n white-space: nowrap;\n\n "," {\n font-size: 24px;\n }\n"])),(function(n){return n.theme.colors.main}),Object(F.up)("tablet")),an=C.d.p(h||(h=Object(k.a)(["\n margin: 0;\n font-size: 12px;\n line-height: 1.4;\n color: ",";\n opacity: 0.85;\n\n "," {\n font-size: 13px;\n }\n"])),(function(n){return n.theme.colors.serviceGray}),Object(F.up)("tablet")),rn=C.d.div(j||(j=Object(k.a)(["\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: stretch;\n background: ","18;\n border-radius: 12px;\n padding: 0;\n flex-shrink: 0;\n overflow: hidden;\n box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07) inset;\n"])),(function(n){return n.theme.colors.accentLight})),on=C.d.div(v||(v=Object(k.a)(["\n position: absolute;\n inset: 0;\n width: 50%;\n background: linear-gradient(135deg, #FF8C42 0%, #FF5C5C 100%);\n border-radius: 12px;\n box-shadow: 0px 3px 12px rgba(255, 100, 60, 0.4);\n transition: transform 0.28s cubic-bezier(0.34, 1.3, 0.64, 1);\n transform: ",";\n pointer-events: none;\n"])),(function(n){return n.allTime?"translateX(100%)":"translateX(0)"})),sn=C.d.button(w||(w=Object(k.a)(["\n position: relative;\n z-index: 1;\n background: transparent;\n border: none;\n border-radius: 12px;\n padding: 9px 18px;\n font-size: 12px;\n font-weight: 700;\n cursor: pointer;\n outline: none;\n white-space: nowrap;\n color: ",";\n opacity: ",";\n transition: color 0.2s ease, opacity 0.2s ease;\n flex: 1;\n text-align: center;\n\n &:hover {\n opacity: 1;\n }\n\n "," {\n padding: 10px 22px;\n font-size: 13px;\n }\n"])),(function(n){return n.active?"#fff":n.theme.colors.main}),(function(n){return n.active?1:.55}),Object(F.up)("tablet")),cn=C.d.div(O||(O=Object(k.a)(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-gap: 10px;\n width: 100%;\n\n "," {\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 12px;\n }\n"])),Object(F.up)("tablet")),ln=C.d.button(y||(y=Object(k.a)(["\n background: ",";\n border: 2px solid transparent;\n color: ",";\n padding: 10px 8px;\n border-radius: 12px;\n font-size: 13px;\n font-weight: 700;\n cursor: pointer;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);\n outline: none;\n\n &:hover {\n transform: translateY(-2px);\n box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08);\n border-color: ",";\n }\n\n &:active {\n transform: translateY(0);\n }\n\n "," {\n padding: 12px;\n font-size: 14px;\n border-radius: 14px;\n }\n"])),(function(n){return n.active?n.statusColor:n.theme.colors.bg}),(function(n){return n.active?n.theme.colors.bg:n.theme.colors.main}),(function(n){return n.active?n.statusColor:n.theme.colors.accentLight}),Object(F.up)("tablet"));e.default=function(){var n=Object(S.a)(["trending","common"]).t,e=Object(C.f)(),t=Object(R.h)(),a=Object(R.g)(),r=Object(_.useState)(function(){var n=new URLSearchParams(t.search),e=parseInt(n.get("status_id")||"0");return e>=1&&e<=4?e:L.a.WantToRead}()),i=Object(E.a)(r,2),o=i[0],s=i[1],c=Object(_.useState)("all_time"===new URLSearchParams(t.search).get("type")?"all_time":"recent"),l=Object(E.a)(c,2),p=l[0],d=l[1];Object(_.useEffect)((function(){var n=new URLSearchParams(t.search);n.set("status_id",o.toString()),n.set("type",p),a.replace({search:n.toString()})}),[o,p,a,t.search]);var u=Object(T.c)(o,p),b=u.data,g=u.pending,m=[L.a.WantToRead,L.a.CurrentlyReading,L.a.DNF,L.a.Read];return z.a.createElement(U.a,{name:"trending",restricted:!1},z.a.createElement($,null,z.a.createElement(nn,null,z.a.createElement(en,null,z.a.createElement(tn,null,"ð¥ ",n("page_title")," ð¥"),z.a.createElement(an,null,
1n("type_description_".concat(p)))),z.a.createElement(rn,null,z.a.createElement(on,{allTime:"all_time"===p}),[{value:"recent",labelKey:"type_switcher_recent"},{value:"all_time",labelKey:"type_switcher_all_time"}].map((function(e){var t=e.value,a=e.labelKey;return z.a.createElement(sn,{key:t,active:p===t,onClick:function(){return d(t)}},n(a))})))),z.a.createElement(cn,null,m.map((function(t){return z.a.createElement(ln,{key:t,active:o===t,statusColor:e.statuses[t],onClick:function(){return s(t)}},n("status.".concat(t),{ns:"common"}))}))),g&&z.a.createElement(B.a,null),!g&&b&&z.a.createElement(Z,{clubs:b})))}}}]); 2//# sourceMappingURL=30.91ad2463.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.