fix: 修改兼容问题

apps/user/app/(main)/(content)/(user)/wallet/components/WalletDialog/WalletDialog.tsx

@@ -3,6 +3,7 @@ import { useQuery } from '@tanstack/react-query';
 import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
 import { Card, CardContent } from '@workspace/airo-ui/components/card';
 import {
+  Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
@@ -10,7 +11,6 @@ import {
 } from '@workspace/airo-ui/components/dialog';
 import { default as Airo_Empty } from '@workspace/airo-ui/custom-components/empty';
 import { formatDate } from '@workspace/airo-ui/utils';
-import { Dialog } from '@workspace/ui/components/dialog';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 

apps/user/components.json

@@ -11,8 +11,8 @@
   "rsc": true,
   "style": "new-york",
   "tailwind": {
-    "config": "../../packages/ui/tailwind.config.ts",
-    "css": "../../packages/ui/src/styles/globals.css",
+    "config": "../../packages/airo-ui/tailwind.config.ts",
+    "css": "../../packages/airo-ui/src/styles/globals.css",
     "baseColor": "zinc",
     "cssVariables": true
   },

apps/user/components/Header/Header.tsx

@@ -37,7 +37,10 @@ export default function Header() {
               {!user && (
                 <Link
                   href='#'
-                  onClick={() => openLoginDialog()}
+                  onClick={() => {
+                    console.log('登录');
+                    openLoginDialog();
+                  }}
                   className={cn(
                     buttonVariants({
                       size: 'lg',

apps/user/components/main/FooterCopyright.tsx

@@ -11,7 +11,7 @@ export default function FooterCopyright() {
   const t = useTranslations('auth');
 
   return (
-    <footer className={'fixed bottom-6 z-[1] w-full text-xs sm:text-sm'}>
+    <footer className={'fixed bottom-6 z-40 w-full text-xs sm:text-sm'}>
       <div className={'container relative flex items-center justify-center text-right sm:block'}>
         <Image
           src={'./logo.png'}

apps/user/components/main/FullScreenVideoBackground.tsx

@@ -2,7 +2,7 @@
 
 const FullScreenVideoBackground = ({}: {}) => {
   return (
-    <div className='h-full w-full overflow-hidden'>
+    <div className='fixed h-full w-full overflow-hidden indent-0'>
       <video
         autoPlay
         muted

apps/user/next.config.ts

@@ -1,3 +1,4 @@
+import { withSentryConfig } from '@sentry/nextjs';
 import type { NextConfig } from 'next';
 import createNextIntlPlugin from 'next-intl/plugin';
 
@@ -56,4 +57,17 @@ const nextConfig: NextConfig = {
   },
 };
 
-export default withNextIntl(nextConfig);
+const sentryWebpackPluginOptions = {
+  // For all available options, see:
+  // https://github.com/getsentry/sentry-webpack-plugin#options
+  org: '你的组织名称',
+  project: '你的项目名称',
+  authToken: '你的 Sentry Auth Token',
+
+  silent: true, // Suppresses all logs
+  // For all available options, see:
+  // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/#use-sentrywebpackplugin
+};
+
+// 组合两个插件
+export default withSentryConfig(withNextIntl(nextConfig), sentryWebpackPluginOptions);

apps/user/package.json

@@ -9,9 +9,17 @@
     "openapi": "openapi2ts",
     "start": "next start"
   },
+  "browserslist": [
+    "defaults",
+    "not dead",
+    "last 2 versions",
+    "ios 14",
+    "Android >= 10"
+  ],
   "dependencies": {
     "@react-spring/three": "^10.0.1",
     "@react-three/fiber": "^9.2.0",
+    "@sentry/nextjs": "^10.8.0",
     "@shadergradient/react": "^2.1.2",
     "@stripe/react-stripe-js": "^3.4.0",
     "@stripe/stripe-js": "^6.0.0",