diff --git a/net/web/src/Admin/Admin.jsx b/net/web/src/Admin/Admin.jsx index 23da56b5..e950d507 100644 --- a/net/web/src/Admin/Admin.jsx +++ b/net/web/src/Admin/Admin.jsx @@ -44,7 +44,7 @@ export function Admin() { return ( - + actions.logout()} /> ) } diff --git a/net/web/src/Admin/Dashboard/Dashboard.jsx b/net/web/src/Admin/Dashboard/Dashboard.jsx index 80e3836d..9e5cac05 100644 --- a/net/web/src/Admin/Dashboard/Dashboard.jsx +++ b/net/web/src/Admin/Dashboard/Dashboard.jsx @@ -1,10 +1,10 @@ import { DashboardWrapper, SettingsButton, AddButton, SettingsLayout } from './Dashboard.styled'; import { Button, Modal, Input, InputNumber, Space, List } from 'antd'; -import { SettingOutlined, UserAddOutlined, ReloadOutlined } from '@ant-design/icons'; +import { SettingOutlined, UserAddOutlined, LogoutOutlined, ReloadOutlined } from '@ant-design/icons'; import { useDashboard } from './useDashboard.hook'; import { AccountItem } from './AccountItem/AccountItem'; -export function Dashboard({ token, config }) { +export function Dashboard({ token, config, logout }) { const { state, actions } = useDashboard(token, config); @@ -22,6 +22,10 @@ export function Dashboard({ token, config }) { } onClick={() => actions.setShowSettings(true)}> +
+ } + onClick={() => logout()}> +
}>
diff --git a/net/web/src/Admin/useAdmin.hook.js b/net/web/src/Admin/useAdmin.hook.js index 1a10ffa5..2190f9c8 100644 --- a/net/web/src/Admin/useAdmin.hook.js +++ b/net/web/src/Admin/useAdmin.hook.js @@ -62,7 +62,10 @@ export function useAdmin() { }, onUser: () => { navigate('/login'); - } + }, + logout: () => { + updateState({ access: null, token: null }); + }, }; return { state, actions };