fix: pc端修改

apps/user/components/main/OfferDialog/index.tsx

@@ -67,15 +67,33 @@ const PriceDisplay = ({ plan }: { plan: ProcessedPlanData }) => (
   </div>
 );
 
+import { useLoginDialog } from '@/app/auth/LoginDialogContext';
+import Purchase from '@/components/subscribe/purchase';
+import useGlobalStore from '@/config/use-global';
 // 订阅按钮组件
-const SubscribeButton = ({ onClick }: { onClick?: () => void }) => (
-  <button
-    onClick={onClick}
-    className='h-10 w-full rounded-full bg-[#0F2C53] text-sm font-medium text-white shadow-md transition-all duration-300 hover:bg-[#0A2C47] sm:h-10 sm:text-sm md:h-[40px] md:text-[14px]'
-  >
-    订阅
-  </button>
-);
+const SubscribeButton = ({ onClick }: { onClick?: () => void }) => {
+  const { user } = useGlobalStore();
+  const { openLoginDialog } = useLoginDialog();
+
+  function handleClick() {
+    console.log('click', user);
+    if (!user) {
+      // 强制登陆
+      openLoginDialog(false);
+      return;
+    }
+    onClick();
+  }
+
+  return (
+    <button
+      onClick={handleClick}
+      className='h-10 w-full rounded-full bg-[#0F2C53] text-sm font-medium text-white shadow-md transition-all duration-300 hover:bg-[#225BA9] sm:h-10 sm:text-sm md:h-[40px] md:text-[14px]'
+    >
+      订阅
+    </button>
+  );
+};
 
 // 星级评分组件
 const StarRating = ({ rating, maxRating = 5 }: { rating: number; maxRating?: number }) => (
@@ -101,7 +119,7 @@ const FeatureList = ({ plan }: { plan: ProcessedPlanData }) => {
 
   return (
     <div className='mt-6 space-y-0 sm:mt-6'>
-      <ul className='list-disc space-y-1'>
+      <ul className='list-disc space-y-1 pl-5'>
         {features.map((feature) => (
           <li
             key={feature.label}
@@ -143,7 +161,7 @@ const PlanCard = forwardRef<
   return (
     <div
       ref={ref}
-      className='relative w-full max-w-[345px] cursor-pointer rounded-[20px] border border-[#D9D9D9] bg-white p-4 transition-all duration-300 hover:shadow-lg sm:p-6 md:p-8'
+      className='relative w-full max-w-[345px] cursor-pointer rounded-[20px] border border-[#D9D9D9] bg-white p-8 transition-all duration-300 hover:shadow-lg sm:p-10'
     >
       {/* 套餐名称 */}
       <h3 className='mb-4 text-left text-sm font-normal sm:mb-6 sm:text-base'>{plan.name}</h3>
@@ -295,12 +313,13 @@ const OfferDialog = forwardRef<OfferDialogRef>((props, ref) => {
     show: () => setOpen(true),
     hide: () => setOpen(false),
   }));
-
+  const PurchaseRef = useRef<{ show: (subscribe: API.Subscribe) => void; hide: () => void }>(null);
   // 处理订阅点击
   const handleSubscribe = (plan: ProcessedPlanData) => {
     setSelectedPlan(plan);
     console.log('用户选择了套餐:', plan);
     // 这里可以添加订阅逻辑，比如跳转到支付页面或显示确认对话框
+    PurchaseRef.current.show(plan, tabValue);
   };
 
   // 处理套餐数据的工具函数
@@ -395,6 +414,7 @@ const OfferDialog = forwardRef<OfferDialogRef>((props, ref) => {
             />
           </ScrollArea>
         </div>
+        <Purchase ref={PurchaseRef} />
       </DialogContent>
     </Dialog>
   );