购买套餐里去充值桌面端和移动端支付流程封装

src/components/composites/payment/payment-modal.tsx

@@ -0,0 +1,43 @@
+'use client'
+import {Dialog} from '@/components/ui/dialog'
+import {MobilePayment} from './mobile-payment'
+import {DesktopPayment} from './desktop-payment'
+import {Platform} from '@/lib/models/trade'
+import {Trade} from './types'
+
+export function PaymentModal({
+  open,
+  onOpenChange,
+  trade,
+  platform,
+  onSuccess,
+}: {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  trade: Trade
+  platform: Platform
+  onSuccess?: () => void
+}) {
+  const handleClose = (success: boolean) => {
+    onOpenChange(false)
+    if (success && onSuccess) {
+      onSuccess()
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      {platform === Platform.Mobile ? (
+        <MobilePayment
+          trade={trade}
+          onClose={() => handleClose(true)}
+        />
+      ) : (
+        <DesktopPayment
+          trade={trade}
+          onClose={() => handleClose(true)}
+        />
+      )}
+    </Dialog>
+  )
+}