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 };