20 lines
551 B
TypeScript
20 lines
551 B
TypeScript
import { Layout, Space } from '@arco-design/web-react'
|
|
import { IconCheckCircle } from '@arco-design/web-react/icon'
|
|
|
|
const { Footer } = Layout
|
|
|
|
export function ProjectStatusbar() {
|
|
return (
|
|
<Footer className="statusbar">
|
|
<div className="status-user">
|
|
<span className="status-avatar" aria-hidden="true">森</span>
|
|
<span className="status-name">已登录</span>
|
|
</div>
|
|
<Space className="status-system" size={8}>
|
|
<IconCheckCircle />
|
|
<span>服务已连接</span>
|
|
</Space>
|
|
</Footer>
|
|
)
|
|
}
|