🎈 perf: 添加下载成功提示

Author: nowscott

src/components/Header/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Layout, Typography, Button } from 'antd';
-import { StepBackwardFilled, StepForwardFilled, DownloadOutlined } from '@ant-design/icons';
+import { StepBackwardFilled, StepForwardFilled, ShareAltOutlined } from '@ant-design/icons';
 import Input from '../Input';
 import { downloadPreviewImage } from '../../utils/download';
 
@@ -82,7 +82,7 @@ const Header: React.FC<HeaderProps> = ({ isDarkMode, onSubmit, leftSiderCollapse
         <div style={{ marginLeft: 'auto', display: 'flex', alignItems: 'center', gap: '16px' }}>
           <Button
             type="default"
-            icon={<DownloadOutlined style={{ color: isDarkMode ? '#ffffff' : '#000000' }} />}
+            icon={<ShareAltOutlined style={{ color: isDarkMode ? '#ffffff' : '#000000' }} />}
             onClick={() => downloadPreviewImage()}
             style={{
               padding: 0,

src/utils/download.ts

@@ -1,5 +1,6 @@
 
 import domtoimage from 'dom-to-image';
+import { message } from 'antd';
 
 interface DownloadOptions {
   scale?: number;
@@ -30,8 +31,10 @@ export const downloadPreviewImage = async (options: DownloadOptions = {}) => {
     link.download = `${repoName}.png`;
     link.href = dataUrl;
     link.click();
+    message.success('图片已成功保存！');
   } catch (error) {
     console.error('下载图片时出错:', error);
+    message.error('保存图片失败，请稍后重试');
     throw error;
   }
 };