feat: integrate QuickActionIcons into CustomHeader

Add quick action icons before user avatar in header right section.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name 2026-04-01 09:47:56 +08:00
parent 95114f6383
commit 559f93f160

View File

@ -2,6 +2,7 @@ import React from 'react';
import { Layout, Dropdown } from 'antd'; import { Layout, Dropdown } from 'antd';
import type { MenuProps } from 'antd'; import type { MenuProps } from 'antd';
import AvatarProps from './AvatarProps'; import AvatarProps from './AvatarProps';
import QuickActionIcons from './QuickActionIcons';
import { useMyState } from '@/common'; import { useMyState } from '@/common';
const { Header } = Layout; const { Header } = Layout;
@ -54,7 +55,8 @@ export const CustomHeader: React.FC<CustomHeaderProps> = ({ collapsed, toggle })
</div> </div>
{/* 右侧用户信息区域 */} {/* 右侧用户信息区域 */}
<div className="header-right"> <div className="header-right" style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
<QuickActionIcons />
<Dropdown menu={{ items: menuItems }} placement="bottomRight"> <Dropdown menu={{ items: menuItems }} placement="bottomRight">
<div style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}> <div style={{ cursor: 'pointer', display: 'flex', alignItems: 'center' }}>
<AvatarProps user={snap.session.user} /> <AvatarProps user={snap.session.user} />