#32

frontend/src/App.tsx

@@ -44,7 +44,7 @@ export default () => {
 	  if (data.valid)
 	    setUser (toCamel (data.user, { deep: true }))
 	  else
-	    createUser ()
+	    await createUser ()
 	}) ()
       }
     else

frontend/src/components/TopNav.tsx

@@ -143,10 +143,14 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
 	    <MyLink to="/posts" title="広場" />
 	    <MyLink to="/tags" title="タグ" />
 	    <MyLink to="/wiki/ヘルプ:ホーム" base="/wiki" title="Wiki" />
-            <MyLink to="/users" title="ニジラー" />
+	    <MyLink to="/users/settings" base="/users" title="ニジラー" />
 	  </div>
 	  <div className="ml-auto pr-4">
-            <Button onClick={() => navigate ('/users/settings')}>{user?.name || '名もなきニジラー'}</Button>
+	    {user && (
+		<Button onClick={() => navigate ('/users/settings')}
+			className="bg-gray-600">
+		  {user.name || '名もなきニジラー'}
+		</Button>)}
 	  </div>
 	</nav>
 	{(() => {
@@ -166,14 +170,15 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
 	  case Menu.Tag:
 	    return (
 		<div className={className}>
-                  <input type="text"
+		  {/* TODO: リリース後にやる */}
+		  {/* <input type="text"
 			 className={inputBox}
 			 placeholder="タグ検索"
 			 value={tagSearch}
 			 onChange={whenTagSearchChanged}
 			 onFocus={() => setSuggestionsVsbl (true)}
 			 onBlur={() => setSuggestionsVsbl (false)}
-                         onKeyDown={handleKeyDown} />
+			 onKeyDown={handleKeyDown} /> */}
 		  <Link to="/tags" className={subClass}>タグ</Link>
 		  <Link to="/tags/aliases" className={subClass}>別名タグ</Link>
 		  <Link to="/tags/implications" className={subClass}>上位タグ</Link>
@@ -183,14 +188,15 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
 	  case Menu.Wiki:
 	    return (
 		<div className={className}>
-                  <input type="text"
+		  {/* TODO: リリース後にやる */}
+		  {/* <input type="text"
 			 className={inputBox}
 			 placeholder="Wiki 検索"
 			 value={wikiSearch}
 			 onChange={whenWikiSearchChanged}
 			 onFocus={() => setSuggestionsVsbl (true)}
 			 onBlur={() => setSuggestionsVsbl (false)}
-                         onKeyDown={handleKeyDown} />
+			 onKeyDown={handleKeyDown} /> */}
 		  <Link to="/wiki" className={subClass}>検索</Link>
 		  <Link to="/wiki/new" className={subClass}>新規</Link>
 		  <Link to="/wiki/changes" className={subClass}>全体履歴</Link>
@@ -206,16 +212,18 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
 	  case Menu.User:
 	    return (
 		<div className={className}>
-                  <input type="text"
+		  {/* TODO: リリース後にやる */}
+		  {/* <input type="text"
 			 className={inputBox}
 			 placeholder="ニジラー検索"
 			 value={userSearch}
 			 onChange={whenUserSearchChanged}
 			 onFocus={() => setSuggestionsVsbl (true)}
 			 onBlur={() => setSuggestionsVsbl (false)}
-                         onKeyDown={handleKeyDown} />
-                  <Link to="/users" className={subClass}>一覧</Link>
-                  {user && <Link to={`/users/${ user.id }`} className={subClass}>お前</Link>}
+			 onKeyDown={handleKeyDown} /> */}
+		  {/* <Link to="/users" className={subClass}>一覧</Link>
+		  {user && <Link to={`/users/${ user.id }`} className={subClass}>お前</Link>} */}
+		  {user && <Link to="/users/settings" className={subClass}>設定</Link>}
 		</div>)
 	  }
 	}) ()}

frontend/src/components/users/UserCodeDialogue.tsx

@@ -19,7 +19,7 @@ type Props = { visible:         boolean
 
 export default ({ visible, onVisibleChange, user, setUser }: Props) => {
   const handleChange = async () => {
-    if (!(confirm ('引継ぎコードを再発行しますか?')))
+    if (!(confirm ('引継ぎコードを再発行しますか?\n再発行するとほかのブラウザからはログアウトされます．')))
       return
 
     const { data } = await axios.post (`${ API_BASE_URL }/users/code/renew`, { }, { headers: {

frontend/src/pages/users/SettingPage.tsx

@@ -1,3 +1,5 @@
+import axios from 'axios'
+import toCamel from 'camelcase-keys'
 import { useEffect, useState } from 'react'
 import { Helmet } from 'react-helmet-async'
 
@@ -7,8 +9,9 @@ import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
 import InheritDialogue from '@/components/users/InheritDialogue'
 import UserCodeDialogue from '@/components/users/UserCodeDialogue'
-import { API_BASE_URL, SITE_TITLE } from '@/config'
 import { Button } from '@/components/ui/button'
+import { toast } from '@/components/ui/use-toast'
+import { API_BASE_URL, SITE_TITLE } from '@/config'
 
 import type { User } from '@/types'
 
@@ -22,14 +25,18 @@ export default ({ user, setUser }: Props) => {
   const [inheritVsbl, setInheritVsbl] = useState (false)
 
   const handleSubmit = async () => {
-    const formData = new FormData ()
+    if (!(user))
+      return
+
+    const formData = new FormData
     formData.append ('name', name)
 
     try
     {
-      await axios.post (`${ API_BASE_URL }/users`, formData, { headers: {
-	  'Content-Type':     'multipart/form-data',
+      const { data } = await axios.put (`${ API_BASE_URL }/users/${ user.id }`, formData, {
+	  headers: { 'Content-Type':     'multipart/form-data',
 		     'X-Transfer-Code':  localStorage.getItem ('user_code') || '' } })
+      setUser (user => ({ ...user, ...data }))
       toast ({ title: '設定を更新しました．' })
     }
     catch