https://ubie.app/c1448e329d72e3bc1405a9d3fd0dcb7218d2e4a1/_next/st…/settings/profile-d8563c8debabb4c3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81994],{25175:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>w});var n=s(96300),i=s(26809),l=s(18047),r=s(81909),a=s(92960),c=s(43961),o=s(40777),h=s(6587),x=s(39193),d=s(68367),u=s(49817),m=s(61964),g=s(45634),j=s.n(g),p=s(89997),b=s.n(p),k=s(45374),_=s(43545),f=s(5654),z=s(4288),S=s(59070);let C=e=>{let{authenticatedState:t}=e,s=(0,m.b)(),[l,r]=(0,a.useState)(""),[g,p]=(0,a.useState)(""),[C,v]=(0,a.useState)([]),[T,w]=(0,a.useState)(!1),[y]=(0,u.n)(f.$,{client:k.G.apollo});(0,a.useEffect)(()=>{var e;let s=t.user,n="ななし_".concat(s.id.slice(0,4));r(s.hasCustomNickname?s.nickname:n),p(null!=(e=s.bio)?e:"")},[t.user]);let E=(0,a.useCallback)(()=>{let e=[];return 0===l.trim().length&&e.push("ニックネームを入力してください"),l.length>S.P&&e.push("ニックネームは".concat(S.P,"文字以内で入力してください")),g.length>S.z&&e.push("プロフィールは".concat(S.z,"文字以内で入力してください")),e},[l,g]),N=(0,a.useCallback)(async()=>{let e=E();if(v(e),!(e.length>0)){w(!0);try{await y({variables:{input:{nickname:l.trim(),bio:g.trim()||null}}}),s.push("/byoki_community/users/".concat(t.user.id))}catch(t){v(["更新に失敗しました。もう一度お試しください。"]),w(!1);let e=t instanceof Error?t:Error(String(t));z.C.errorLog(e)}}},[l,g,E,t,y,s]);return(0,n.jsx)("div",{className:j().commonLayoutContentWidth,children:(0,n.jsx)("div",{className:b().formInner,children:(0,n.jsx)(c.Box,{px:"md",width:"100%",children:(0,n.jsxs)(i.Stack,{spacing:"lg",children:[(0,n.jsx)(o.Text,{as:"h1",size:"lg",bold:!0,children:"プロフィール編集"}),(0,n.jsxs)(i.Stack,{spacing:"sm",children:[(0,n.jsx)(o.Text,{as:"label",size:"sm",bold:!0,children:"ニックネーム（表示名）"}),(0,n.jsx)(_.A,{type:"text",value:l,onChange:e=>r(e.target.value),maxLength:S.P,placeholder:"ニックネームを入力"}),(0,n.jsxs)(o.Text,{size:"xs",textAlign:"right",color:"sub",children:[l.length," / ",S.P," 文字"]}),(0,n.jsx)(o.Text,{size:"xs",color:"sub",children:"ニックネーム（表示名）は他のユーザーと重複OKな文字列で、当サイト内での表示に使われます。"}),(0,n.jsx)(o.Text,{size:"xs",color:"red",children:"本名など個人を特定されるようなニックネーム（表示名）は使用しないようにご注意ください。"})]}),(0,n.jsxs)(i.Stack,{spacing:"sm",children:[(0,n.jsx)(o.Text,{as:"label",size:"sm",bold:!0,children:"プロフィール"}),(0,n.jsx)(h.TextArea,{value:g,onChange:e=>p(e.target.value),placeholder:"プロフィールを入力（任意）",rows:6,maxLength:S.z}),(0,n.jsxs)(o.Text,{size:"xs",textAlign:"right",color:"sub",children:[g.length," / ",S.z," 文字"]})]}),C.length>0&&(0,n.jsx)(i.Stack,{spacing:"xs",children:C.map((e,t)=>(0,n.jsx)(o.Text,{size:"sm",color:"red",children:e},t))}),(0,n.jsx)(x.Flex,{justifyContent:"center",children:(0,n.jsx)(c.Box,{maxWidth:"358px",width:"100%",children:(0,n.jsx)(d.Button,{variant:"primary",onClick:N,disabled:T,block:!0,children:T?"更新中...":"更新する"})})})]})})})})};var v=s(48683),T=s(30425);let w=()=>{let e=(0,T.u)();return"initializing"===e.status?null:!1===e.isSignedIn?(0,n.jsx)(v.R,{isStatic:!0}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.a,{title:"プロフィール編集"}),(0,n.jsxs)(i.Stack,{alignItems:"center",spacing:"md",children:[(0,n.jsx)(C,{authenticatedState:e}),(0,n.jsx)(r.z,{})]})]})}},29068:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/byoki_community/settings/profile",function(){return s(25175)}])},89997:e=>{e.exports={formInner:"ProfileEditForm_formInner__hNCY4"}}},e=>{e.O(0,[81909,33217,90636,46593,38792],()=>e(e.s=29068)),_N_E=e.O()}]);