#52 完了

frontend/src/components/SettingsDialogue.tsx

@@ -1,13 +1,18 @@
-import React, { useEffect, useState } from 'react'
-import { Dialog, DialogTrigger, DialogContent, DialogTitle, DialogDescription } from './ui/dialog'
-import { Switch } from './ui/switch'
-import { Button } from './ui/button'
-import { Input } from '@/components/ui/input'
-import { toast } from '@/components/ui/use-toast'
 import axios from 'axios'
+import toCamel from 'camelcase-keys'
+import React, { useEffect, useState } from 'react'
 import { Link, useNavigate, useLocation } from 'react-router-dom'
+
+import { Button } from '@/components/ui/button'
+import { Dialog,
+         DialogContent,
+         DialogDescription,
+         DialogTitle,
+         DialogTrigger } from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Switch } from '@/components/ui/switch'
+import { toast } from '@/components/ui/use-toast'
 import { API_BASE_URL } from '@/config'
-import { camelizeKeys } from 'humps'
 
 import type { Tag, User } from '@/types'
 
@@ -17,7 +22,10 @@ type Props = { visible:         boolean
                setUser:         (user: User) => void }
 
 
-const SettingsDialogue: React.FC = ({ visible, onVisibleChange, user, setUser }: Props) => {
+const SettingsDialogue: React.FC = ({ visible,
+                                      onVisibleChange,
+                                      user,
+                                      setUser }: Props) => {
   const [inputCode, setInputCode] = useState ('')
 
   const handleShowCode = () => {
@@ -35,7 +43,7 @@ const SettingsDialogue: React.FC = ({ visible, onVisibleChange, user, setUser }:
               if (res.data.valid)
                 {
                   localStorage.setItem ('user_code', inputCode)
-                  setUser (camelizeKeys (res.data.user))
+                  setUser (toCamel (res.data.user, { deep: true }))
                   toast ({ title: '引継ぎ成功!' })
                 }
               else