Update Header.js
This commit is contained in:
parent
57d3a1ceec
commit
40b4f9a447
@ -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'
|
||||||
|
Loading…
Reference in New Issue
Block a user