#32

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',
-	  'X-Transfer-Code':  localStorage.getItem ('user_code') || '' } })
+      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