https://www.cindythink.com/_next/static/chunks/pages/tags-780c2597414f0d6a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[165],{68468:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tags",function(){return t(45524)}])},73982:function(e,n,t){"use strict";t.d(n,{z:function(){return a}});var r=t(82729),i=t(60948);function u(){let e=(0,r._)(["\n  display: inline-flex;\n  border-radius: ","px;\n  border: 2px solid ",";\n  background: ",";\n  color: ",";\n  margin-left: ","px;\n  margin-bottom: ","px;\n"]);return u=function(){return e},e}let a=i.Z.div(u(),e=>e.theme.radii[2],e=>e.theme.colors.indigo[1],e=>e.theme.colors.indigo[0],e=>e.theme.colors.indigo[7],e=>e.theme.space[1],e=>e.theme.space[1])},58375:function(e,n,t){"use strict";t.d(n,{i:function(){return l},x:function(){return o}});var r=t(82729),i=t(87838),u=t(37917);function a(){let e=(0,r._)(["\n  fragment Tag on Tag {\n    id\n    name\n    created\n  }\n"]);return a=function(){return e},e}function s(){let e=(0,r._)(["\n  fragment PuzzleTag on PuzzleTag {\n    id\n    tag {\n      ...Tag\n    }\n    user {\n      ...UserBrief\n    }\n  }\n  ","\n  ","\n"]);return s=function(){return e},e}let l=(0,i.Ps)(a()),o=(0,i.Ps)(s(),u.v,l)},42914:function(e,n,t){"use strict";t.d(n,{Hb:function(){return d},dV:function(){return f},nH:function(){return c},ps:function(){return g}});var r=t(82729),i=t(87838),u=t(58375);function a(){let e=(0,r._)(["\n  query PuzzlePageTagsQuery($puzzleId: Int!) {\n    puzzleTags(filter: { puzzleId: { eq: $puzzleId } }) {\n      ...PuzzleTag\n    }\n  }\n  ","\n"]);return a=function(){return e},e}function s(){let e=(0,r._)(["\n  query TagQuery($tagId: Int!) {\n    tag(id: $tagId) {\n      ...Tag\n    }\n  }\n  ","\n"]);return s=function(){return e},e}function l(){let e=(0,r._)(["\n  query PuzzleTagsSearchQuery($search: String, $limit: Int!) {\n    tags(filter: { name: { like: $search } }, limit: $limit) {\n      id\n      name\n      created\n    }\n  }\n"]);return l=function(){return e},e}function o(){let e=(0,r._)(["\n  query TagsPageQuery(\n    $name: String\n    $limit: Int!\n    $offset: Int!\n    $orderBy: [TagAggrOrder!]\n  ) {\n    tags(\n      filter: { name: { like: $name } }\n      order: $orderBy\n      limit: $limit\n      offset: $offset\n    ) {\n      id\n      name\n      created\n      puzzleTagCount\n    }\n  }\n"]);return o=function(){return e},e}let c=(0,i.Ps)(a(),u.x),d=(0,i.Ps)(s(),u.i),f=(0,i.Ps)(l()),g=(0,i.Ps)(o())},45524:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return P}});var r=t(85893),i=t(67294),u=t(9008),a=t.n(u),s=t(41664),l=t.n(s),o=t(80228),c=t(38738),d=t(44012),f=t(86896),g=t(90672),h=t(75136),m=t(37887),x=t(42914),p=t(62094),z=t(83228),j=t(7986),_=t(26476),b=t(26417),y=t(64661),T=t(73982),Z=t(81417),C=t(85011);let S=p.hb.withComponent("a");function k(e){let{variables:n}=e,[t,u]=(0,i.useState)(!0);(0,i.useEffect)(()=>{u(!0)},[n]);let{data:a,loading:s,error:o,refetch:f,fetchMore:g}=(0,m.a)(x.ps,{variables:{...n,limit:50,offset:0},fetchPolicy:"cache-first",onCompleted:e=>{e.tags.length<50&&u(!1)}});if(o)return(0,r.jsx)(j.Z,{error:o,refetch:f});if(s)return(0,r.jsx)(z.Z,{centered:!0});if(!a||!a.tags)return null;let{tags:_}=a;return(0,r.jsxs)(p.kC,{flexWrap:"wrap",alignItems:"center",children:[_.map(e=>(0,r.jsx)(T.z,{children:(0,r.jsx)(p.xu,{fontSize:"1.2em",children:(0,r.jsx)(l(),{href:"/tag/[id]",as:"/tag/".concat(e.id),passHref:!0,children:(0,r.jsxs)(S,{p:1,borderRadius:2,children:[e.name,(0,r.jsx)(p.xu,{display:"inline-box",fontSize:"0.8em",color:"green.7",pl:1,children:e.puzzleTagCount})]})})})},e.id)),_.length>=50&&t&&(0,r.jsx)(T.z,{children:(0,r.jsx)(p.xu,{fontSize:"1.2em",children:(0,r.jsx)(p.hb,{onClick:()=>g({query:x.ps,variables:{...n,limit:50,offset:a.tags.length},updateQuery:(e,n)=>{let{fetchMoreResult:t}=n;return t?{...e,tags:(0,c.X5)(e.tags,t.tags)}:e}}).then(e=>{let{data:n}=e;(!n||n.tags.length<50)&&u(!1)}),px:3,py:1,borderRadius:2,children:(0,r.jsx)(d.Z,{...h.Z.loadMore})})})})]})}var P=!0;n.default=()=>{let e=(0,f.Z)(),n=e.formatMessage,t=(0,i.useRef)(null),u=(0,i.useRef)(null),[s,l]=(0,i.useState)({name:null,orderBy:[{puzzleTagCount:Z.Sk.DESC_NULLS_LAST}]});return(0,r.jsxs)(i.Fragment,{children:[(0,r.jsxs)(a(),{children:[(0,r.jsxs)("title",{children:[n(g.Z.title)," | Cindy"]}),(0,r.jsx)("meta",{name:"description",content:n(g.Z.description)})]}),(0,r.jsx)(p.X6,{children:(0,r.jsx)(d.Z,{...g.Z.header})}),(0,r.jsx)(_.Z,{}),(0,r.jsxs)(p.s_,{style:{minHeight:"auto"},flexWrap:"wrap",children:[(0,r.jsx)(b.Z,{ref:t,filters:[{type:C.O.TEXT,key:"name",fieldName:(0,r.jsx)(d.Z,{...g.Z.tagName})}]}),(0,r.jsx)(y.Z,{ref:u,initialField:"puzzleTagCount",defaultValue:[{puzzleTagCount:Z.Sk.DESC_NULLS_LAST}],fields:[{key:"id",fieldName:(0,r.jsx)(d.Z,{...g.Z.tagCreated})},{key:"name",fieldName:(0,r.jsx)(d.Z,{...g.Z.tagName})},{key:"puzzleTagCount",fieldName:(0,r.jsx)(d.Z,{...g.Z.tagPuzzleCount})}]}),(0,r.jsxs)(p.kC,{width:1,children:[(0,r.jsx)(p.xu,{width:.5,p:1,mx:1,bg:"preset.button.bg",borderRadius:2,children:(0,r.jsx)(p.hb,{width:1,color:"preset.button.fg",onClick:()=>{let e={...s};t.current.reset(),u.current.reset(),e.name=null,e.orderBy=[{puzzleTagCount:Z.Sk.DESC_NULLS_LAST}],l(e)},children:(0,r.jsx)(d.Z,{...h.Z.reset})})}),(0,r.jsx)(p.xu,{width:.5,p:1,mx:1,bg:"preset.button.bg",borderRadius:2,children:(0,r.jsx)(p.hb,{width:1,color:"preset.button.fg",onClick:()=>{let e={...s},n=t.current.getData();e.name=(0,o.Z)(n.name),e.orderBy=[];let r=u.current.getData();e.orderBy=r,l(e)},children:(0,r.jsx)(d.Z,{...h.Z.search})})})]})]}),(0,r.jsx)(k,{variables:s})]})}}},function(e){e.O(0,[145,774,888,179],function(){return e(e.s=68468)}),_N_E=e.O()}]);