浏览代码

✨ feat(home): 添加全局通知提示组件

- 引入Sonner的Toaster组件实现通知功能
- 配置通知位置为右上角,启用富色彩和关闭按钮
- 设置通知自动关闭时间为3秒,提升用户体验
yourname 4 月之前
父节点
当前提交
916f821464
共有 1 个文件被更改,包括 8 次插入0 次删除
  1. 8 0
      src/client/home-shadcn/index.tsx

+ 8 - 0
src/client/home-shadcn/index.tsx

@@ -4,6 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { AuthProvider } from './hooks/AuthProvider'
 import { RouterProvider } from 'react-router-dom'
 import { router } from './routes'
+import { Toaster } from '@/client/components/ui/sonner'
 
 // 创建QueryClient实例
 const queryClient = new QueryClient();
@@ -14,6 +15,13 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <AuthProvider>
         <RouterProvider router={router} />
+        <Toaster 
+          position="top-right"
+          expand={false}
+          richColors
+          closeButton
+          duration={3000}
+        />
       </AuthProvider>
     </QueryClientProvider>
   )