30 lines
772 B
TypeScript
30 lines
772 B
TypeScript
import React, { memo } from 'react';
|
|
import Style from './Menu.module.less';
|
|
import MiniLogo from 'assets/svg/assets-t-logo.svg?component';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { MiragenFlowButton } from '@miragenflow/ui';
|
|
|
|
interface IProps {
|
|
collapsed?: boolean;
|
|
}
|
|
|
|
export default memo((props: IProps) => {
|
|
const navigate = useNavigate();
|
|
|
|
const handleClick = () => {
|
|
navigate('/');
|
|
};
|
|
|
|
return (
|
|
<MiragenFlowButton
|
|
aria-label='返回管理台首页'
|
|
className={Style.menuLogo}
|
|
htmlType='button'
|
|
onClick={handleClick}
|
|
type='text'
|
|
>
|
|
{props.collapsed ? <MiniLogo /> : <span className={Style.brandLogo}><strong>元境幻生</strong><small>管理台</small></span>}
|
|
</MiragenFlowButton>
|
|
);
|
|
});
|