#32

frontend/src/components/TopNav.tsx

@@ -3,7 +3,6 @@ import toCamel from 'camelcase-keys'
 import React, { useState, useEffect } from 'react'
 import { Link, useLocation, useNavigate, useParams } from 'react-router-dom'
 
-import SettingsDialogue from '@/components/SettingsDialogue'
 import { Button } from '@/components/ui/button'
 import { API_BASE_URL } from '@/config'
 import { WikiIdBus } from '@/lib/eventBus/WikiIdBus'
@@ -25,7 +24,6 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
   const location = useLocation ()
   const navigate = useNavigate ()
 
-  const [settingsVsbl, setSettingsVsbl] = useState (false)
   const [selectedMenu, setSelectedMenu] = useState<Menu> (Menu.None)
   const [wikiId, setWikiId] = useState<number | null> (WikiIdBus.get ())
   const [wikiSearch, setWikiSearch] = useState ('')
@@ -148,11 +146,7 @@ const TopNav: React.FC = ({ user, setUser }: Props) => {
             <MyLink to="/users" title="ニジラー" />
           </div>
           <div className="ml-auto pr-4">
-            <Button onClick={() => setSettingsVsbl (true)}>{user?.name || '名もなきニジラー'}</Button>
-            <SettingsDialogue visible={settingsVsbl}
-                              onVisibleChange={setSettingsVsbl}
-                              user={user}
-                              setUser={setUser} />
+            <Button onClick={() => navigate ('/users/settings')}>{user?.name || '名もなきニジラー'}</Button>
           </div>
         </nav>
         {(() => {