生成历史页面

video-gen-app/src/components/Layout/AppLayout.tsx

@@ -8,6 +8,8 @@ import {
   UserOutlined,
   ThunderboltOutlined,
   HomeOutlined,
+  DashboardOutlined,
+  CodeOutlined,
   LockOutlined,
   PlusCircleOutlined,
   LeftOutlined,
@@ -43,6 +45,8 @@ interface MenuConfig {
 
 const iconMap: Record<string, React.ReactNode> = {
   HomeOutlined: <HomeOutlined />,
+  DashboardOutlined:<DashboardOutlined/>,
+  CodeOutlined:<CodeOutlined/>,
   PlayCircleOutlined: <PlayCircleOutlined />,
   WalletOutlined: <WalletOutlined />,
   SettingOutlined: <LockOutlined />,
@@ -86,6 +90,15 @@ const AppLayout: React.FC = () => {
   const [qrCodeModalOpen, setQrCodeModalOpen] = useState(false);
   const [currentPaymentInfo, setCurrentPaymentInfo] = useState<{ price: number; credits: number; qrCode: string } | null>(null);
 
+  // 监听预览弹窗状态，关闭浮动按钮
+  useEffect(() => {
+    const handleModalOpen = () => {
+      setToggleHover(false);
+    };
+    window.addEventListener('previewOpen', handleModalOpen);
+    return () => window.removeEventListener('previewOpen', handleModalOpen);
+  }, []);
+
   useEffect(() => {
     getSiteInfo().then(info => {
       setSiteName(info.siteName || 'VideoGen.AI');