diff --git a/client/src/features/cart/components/Paypal/Paid.tsx b/client/src/features/cart/components/Paypal/Paid.tsx index 4a04fb5..d67153d 100644 --- a/client/src/features/cart/components/Paypal/Paid.tsx +++ b/client/src/features/cart/components/Paypal/Paid.tsx @@ -2,6 +2,8 @@ import { PayPalButtons, PayPalScriptProvider } from '@paypal/react-paypal-js'; export const Paid = () => { const clientId: string = process.env.NEXT_PUBLIC_CLIENT_ID!; + const price = '19.99'; // En formato string con dos decimales + const currency = 'USD'; // Código de moneda, e.g., USD, EUR, etc. return (
{ color: 'blue', label: 'paypal', }} + createOrder={(data, actions) => { + return actions.order.create({ + intent: 'CAPTURE', // Captura inmediata del pago + purchase_units: [ + { + amount: { + currency_code: currency, // Código de moneda requerido + value: price, // Precio estático + }, + }, + ], + }); + }} />
diff --git a/client/src/features/courses/components/CourseCard/CourseCard.module.css b/client/src/features/courses/components/CourseCard/CourseCard.module.css index 575b215..9fdb0b0 100644 --- a/client/src/features/courses/components/CourseCard/CourseCard.module.css +++ b/client/src/features/courses/components/CourseCard/CourseCard.module.css @@ -10,8 +10,8 @@ width: 100%; max-width: 550px; height: 100%; - min-height: 535px; - max-height: 535px; + min-height: 550px; + max-height: 550px; border-radius: 8px; display: flex; flex-direction: column; diff --git a/client/src/features/courses/components/CourseCard/index.tsx b/client/src/features/courses/components/CourseCard/index.tsx index 921b85e..2a62ed6 100644 --- a/client/src/features/courses/components/CourseCard/index.tsx +++ b/client/src/features/courses/components/CourseCard/index.tsx @@ -110,7 +110,7 @@ const CourseCard = ({ {categoria} -
+

{title} @@ -153,15 +153,15 @@ const CourseCard = ({ ) : null}

{price ? ( -
+
${price}
) : null}
-
+