Update Header.js

This commit is contained in:
analogpvt 2023-05-19 23:59:09 +05:30 committed by GitHub
parent 57d3a1ceec
commit 40b4f9a447
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -9,45 +9,45 @@ import '../index.css';
// Header Buttons // Header Buttons
const headerButtons = [ const headerButtons = [
{ {
name: '首页', name: 'Home',
to: '/', to: '/',
icon: 'home', icon: 'home',
}, },
{ {
name: '渠道', name: 'Channels',
to: '/channel', to: '/channel',
icon: 'sitemap', icon: 'sitemap',
admin: true, admin: true,
}, },
{ {
name: '令牌', name: 'Tokens',
to: '/token', to: '/token',
icon: 'key', icon: 'key',
}, },
{ {
name: '兑换', name: 'Redemption',
to: '/redemption', to: '/redemption',
icon: 'dollar sign', icon: 'dollar sign',
admin: true, admin: true,
}, },
{ {
name: '充值', name: 'Top-up',
to: '/topup', to: '/topup',
icon: 'cart', icon: 'cart',
}, },
{ {
name: '用户', name: 'User',
to: '/user', to: '/user',
icon: 'user', icon: 'user',
admin: true, admin: true,
}, },
{ {
name: '设置', name: 'Settings',
to: '/setting', to: '/setting',
icon: 'setting', icon: 'setting',
}, },
{ {
name: '关于', name: 'About',
to: '/about', to: '/about',
icon: 'info circle', icon: 'info circle',
}, },
@ -64,7 +64,7 @@ const Header = () => {
async function logout() { async function logout() {
setShowSidebar(false); setShowSidebar(false);
await API.get('/api/user/logout'); await API.get('/api/user/logout');
showSuccess('注销成功!'); showSuccess('Logout Successful!');
userDispatch({ type: 'logout' }); userDispatch({ type: 'logout' });
localStorage.removeItem('user'); localStorage.removeItem('user');
navigate('/login'); navigate('/login');
@ -139,7 +139,7 @@ const Header = () => {
{renderButtons(true)} {renderButtons(true)}
<Menu.Item> <Menu.Item>
{userState.user ? ( {userState.user ? (
<Button onClick={logout}>注销</Button> <Button onClick={logout}>Logout</Button>
) : ( ) : (
<> <>
<Button <Button
@ -148,7 +148,7 @@ const Header = () => {
navigate('/login'); navigate('/login');
}} }}
> >
登录 Login
</Button> </Button>
<Button <Button
onClick={() => { onClick={() => {
@ -156,7 +156,7 @@ const Header = () => {
navigate('/register'); navigate('/register');
}} }}
> >
注册 Register
</Button> </Button>
</> </>
)} )}
@ -189,12 +189,12 @@ const Header = () => {
className='link item' className='link item'
> >
<Dropdown.Menu> <Dropdown.Menu>
<Dropdown.Item onClick={logout}>注销</Dropdown.Item> <Dropdown.Item onClick={logout}>Logout</Dropdown.Item>
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
) : ( ) : (
<Menu.Item <Menu.Item
name='登录' name='Login'
as={Link} as={Link}
to='/login' to='/login'
className='btn btn-link' className='btn btn-link'