https://mygroove.city/_next/static/chunks/pages/tags/[tagId]-fc544c690b05eb0d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8410],{72686:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tags/[tagId]",function(){return t(30970)}])},31464:function(e,n,t){"use strict";t.d(n,{q:function(){return o}});var r=t(85893);t(67294);var i=t(49429),a=t(5460);let o=e=>{let{ratio:n=1.5,imageProps:t,...o}=e;return(0,r.jsx)(i.o,{ratio:n,...o,children:(0,r.jsx)(a.E,{objectFit:"cover",...t})})}},7465:function(e,n,t){"use strict";t.d(n,{L:function(){return l},T:function(){return o}});var r=t(42062),i=t(31363),a=t(97049);let o=async()=>{let{data:e}=await r.o.get("/api/v1/tags");return e.map(s)},s=e=>({id:e.id,name:e.name,description:e.description}),l=async e=>{let{tagId:n}=e,{data:t}=await r.o.get("/api/v1/tags/".concat(n));return c(t)},c=e=>({...s(e),projects:e.projects.map(i.o),projectGroups:(e.projectGroups||[]).map(a.K0)})},88371:function(e,n,t){"use strict";t.d(n,{i:function(){return o}});var r=t(85893);t(67294);var i=t(57747),a=t(71293);let o=e=>{let{isComplete:n}=e;return void 0===n?null:(0,r.jsx)(i.xu,{display:"inline-flex",borderRadius:"4px",bg:n?"label.complete":"white",color:n?"white":"label.inProgress",border:"1px solid",borderColor:n?"label.complete":"label.inProgress",fontSize:"sm",px:2,py:1,children:(0,r.jsx)(a.x,{fontWeight:"bold",fontSize:"caption",children:n?"完了":"進行中"})})}},79464:function(e,n,t){"use strict";t.d(n,{F:function(){return o}});var r=t(85893);t(67294);var i=t(34292),a=t(57747);let o=e=>{let{tags:n}=e;return(0,r.jsx)(i.U,{spacing:"xs",flexWrap:"wrap",children:n.map(e=>(0,r.jsx)(s,{tag:e},e.id))})},s=e=>{let{tag:n}=e;return(0,r.jsxs)(a.xu,{color:"primary.main",fontWeight:"bold",fontSize:"sm",children:["#",n.name]})}},6891:function(e,n,t){"use strict";t.d(n,{F:function(){return C}});var r=t(85893),i=t(67294),a=t(57747),o=t(79078),s=t(10429),l=t(93717),c=t(71293),d=t(36948),u=t(48783),x=t(5460),m=t(41664),p=t.n(m),h=t(50788),f=t(31464),g=t(88371),j=t(79464);let v=e=>{let{content:n,showLabel:t=!1}=e;return(0,r.jsx)(l.k,{flexDirection:"column",justifyContent:"space-between",border:"2px solid",borderColor:"border.tab",borderRadius:"6px",overflow:"hidden",w:"100%",bg:"white",h:"100%",children:(0,r.jsx)(a.xu,{children:(0,r.jsxs)(p(),{href:n.href,prefetch:!1,children:[n.coverImage&&(0,r.jsx)(b,{url:n.coverImage.url,name:n.coverImage.name,isArchived:n.isArchived,showLabel:t}),(0,r.jsx)(a.xu,{p:"md",borderRadius:"0 0 16px 16px",flex:"1",children:(0,r.jsxs)(u.g,{spacing:"s",align:"stretch",children:[(0,r.jsx)(a.xu,{children:(0,r.jsx)(c.x,{fontWeight:"bold",noOfLines:3,children:n.name})}),(0,r.jsx)(j.F,{tags:n.tags}),(0,r.jsxs)(o.r,{templateColumns:["repeat(1, minmax(0, 1fr))","repeat(2, minmax(0, 1fr))"],gap:"s",alignItems:"flex-end",children:[(0,r.jsxs)(l.k,{alignItems:"center",children:[n.organization.faviconUrl?(0,r.jsx)(x.E,{src:n.organization.faviconUrl,w:6,h:6,mr:"xs",borderRadius:"full",objectFit:"cover",alt:""}):(0,r.jsx)(d.J,{as:h.sdR,w:6,h:6,mr:"xs"}),(0,r.jsx)(c.x,{color:"text.bodyMain",noOfLines:1,fontSize:"caption",children:n.organization.name})]}),n.participantCount>0&&(0,r.jsxs)(c.x,{color:"text.bodySub",fontSize:"caption",ml:["0","xs"],whiteSpace:"nowrap",textAlign:["left","right"],children:[n.participantCount,"人がフォロー中"]})]})]})})]})})})},b=e=>{let{url:n,name:t,isArchived:i,showLabel:o=!1}=e;return(0,r.jsxs)(a.xu,{position:"relative",children:[(0,r.jsx)(f.q,{imageProps:{src:n,alt:t,borderRadius:"inherit"},ratio:7/4}),o&&(0,r.jsx)(a.xu,{position:"absolute",top:"0",left:"0",p:"2",children:(0,r.jsx)(g.i,{isComplete:i})})]})};var w=t(96606);let C=e=>{let{contents:n,defaultVisibleCount:t=8}=e,u=n.slice(0,t),x=n.slice(t),m=x.length>0,[p,h]=i.useState(!1),f=i.useCallback(()=>{h(!p)},[p]);return(0,r.jsxs)(a.xu,{children:[(0,r.jsx)(o.r,{templateColumns:["repeat(2, minmax(0, 1fr))","repeat(2, minmax(0, 1fr))","repeat(4, minmax(0, 1fr))"],gap:"s",children:u.map(e=>

1(0,r.jsx)(v,{content:e},e.id))}),(0,r.jsx)(s.U,{in:p,animateOpacity:!0,children:(0,r.jsx)(o.r,{templateColumns:["repeat(2, minmax(0, 1fr))","repeat(2, minmax(0, 1fr))","repeat(4, minmax(0, 1fr))"],gap:"s",mt:"s",children:x.map(e=>(0,r.jsx)(v,{content:e},e.id))})}),m&&(0,r.jsx)(a.xu,{w:"100%",textAlign:"center",children:(0,r.jsxs)(l.k,{alignItems:"center",justifyContent:"center",w:"100%",cursor:"pointer",onClick:f,mt:"md",children:[(0,r.jsx)(c.x,{color:"primary.main",fontSize:"md",children:p?"閉じる":"もっと見る"}),(0,r.jsx)(d.J,{as:p?w.jRD:w.OrA,color:"primary.main"})]})})]})}},80205:function(e,n,t){"use strict";t.d(n,{Z:function(){return s}});var r=t(85893);t(67294);var i=t(57747),a=t(34292),o=t(71293);let s=e=>{let{tag:n}=e;return(0,r.jsx)(i.xu,{width:"fit-content",color:"primary.main",border:"1px solid",borderColor:"primary.main",borderRadius:"full",px:4,py:2,fontWeight:"bold",children:(0,r.jsxs)(a.U,{spacing:1,fontSize:["sm","md"],children:[(0,r.jsx)(o.x,{children:"#"}),(0,r.jsx)(o.x,{children:n.name})]})})}},38948:function(e,n,t){"use strict";t.d(n,{e:function(){return o}});var r=t(12578),i=t(95591),a=t(7465);let o=()=>{let{data:e,error:n,isLoading:t}=(0,i.ZP)(r.m1,()=>(0,a.T)());return{tags:e,isLoading:t,error:n}}},30224:function(e,n,t){"use strict";t.d(n,{j:function(){return i}});var r=t(79728);let i=e=>({id:"group-".concat(e.id),name:e.name,coverImage:e.heroImage,participantCount:e.followersCount,tags:e.tags,isArchived:e.isArchived,href:(0,r.eC)(e.organization.id,e.id),organization:{name:e.organization.name,faviconUrl:e.organization.faviconUrl}})},30970:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return W},default:function(){return E}});var r=t(85893),i=t(91842),a=t(95591),o=t(67294),s=t(78122),l=t(30839),c=t(48783),d=t(71293),u=t(57747),x=t(34292),m=t(11163);let p=()=>(0,m.useRouter)().query.tagId;var h=t(12578),f=t(7465);let g=e=>{let{tagId:n}=e,{data:t,error:r,isLoading:i}=(0,a.ZP)((0,h.jx)(n||""),()=>{if(n)return(0,f.L)({tagId:n})});return{tag:t,isLoading:i,error:r}};var j=t(85918),v=t(38948),b=t(80205),w=t(41664),C=t.n(w),z=t(79728),y=t(6891),I=t(77867),_=t(80339),S=t(30224),A=t(41644),F=t(98234),U=t(56920);let k=()=>{let{tag:e,isLoading:n}=g({tagId:p()}),{tags:t}=(0,v.e)(),{articles:i}=(0,A.ts)(null==e?void 0:e.name),a=(0,o.useMemo)(()=>{var n,t,r,i;let a=null!==(r=null==e?void 0:null===(n=e.projects)||void 0===n?void 0:n.filter(e=>!(0,I.s)(e.id,e.organizationId)).map(e=>({id:e.id,name:e.name,coverImage:e.coverImage,participantCount:e.participants.length,tags:e.tags,isArchived:e.isArchived,href:(0,_.Wl)(e.organizationId,e.id),organization:{name:e.organization.name,faviconUrl:e.organization.faviconUrl}})))&&void 0!==r?r:[];return[...null!==(i=null==e?void 0:null===(t=e.projectGroups)||void 0===t?void 0:t.map(S.j))&&void 0!==i?i:[],...a]},[e]),s=a.filter(e=>!e.isArchived),m=a.filter(e=>e.isArchived);return!e||n?null:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.W,{pageTitle:"".concat(e.name," | タグ詳細"),pageDescription:"タグ「".concat(e.name,"」に関連するプロジェクト・ポータル一覧ページです。")}),(0,r.jsxs)(c.g,{alignItems:"start",pt:8,gap:"heading",children:[(0,r.jsx)(j.X,{text:e.name}),(0,r.jsxs)(d.x,{children:["タグ「",e.name,"」に関連するプロジェクト・ポータルは全部で",a.length,"件です。"]}),(0,r.jsx)(j.X,{text:"進行中のプロジェクト"}),(0,r.jsx)(y.F,{contents:s}),m.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j.X,{text:"これまでに達成したプロジェクト"}),(0,r.jsx)(y.F,{contents:m})]}),i.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j.X,{text:"まちづくり事例記事"}),(0,r.jsx)(d.x,{children:"my grooveで独自に調査したまちづくり事例記事を公開しています"}),(0,r.jsx)(F.$,{articles:i.slice(0,8),defaultVisibleCount:8}),i.length>8&&(0,r.jsx)(u.xu,{w:"100%",textAlign:"center",children:(0,r.jsx)(C(),{href:(0,U.CT)({tags:[e.name]}),children:(0,r.jsxs)(d.x,{color:"primary.main",fontSize:"md",textDecoration:"underline",children:["「",e.name,"」の事例をもっと見る（全",i.length,"件）"]})})})]}),(0,r.jsx)(j.X,{text:"その他のテーマ"}),(0,r.jsx)(x.U,{spacing:2,flexWrap:"wrap",children:null==t?void 0:t.map(n=>

1n.id===e.id?null:(0,r.jsx)(C(),{href:(0,z.SD)(n.id),children:(0,r.jsx)(b.Z,{tag:n})},n.id))})]})]})},R=()=>(0,r.jsx)(s.l,{children:(0,r.jsx)(k,{})});var W=!0,E=(0,i.j5)(e=>{let{fallback:n}=e;return(0,r.jsx)(a.J$,{value:{fallback:n},children:(0,r.jsx)(R,{})})})},77867:function(e,n,t){"use strict";t.d(n,{d:function(){return i},s:function(){return r}});let r=(e,n)=>!1,i=e=>{let n="41,48";return!!n&&n.split(",").includes(e)}}},function(e){e.O(0,[6939,2703,4738,4817,6660,8264,2415,1842,6648,8121,6350,619,2888,9774,179],function(){return e(e.s=72686)}),_N_E=e.O()}]);