36 lines
951 B
TypeScript
36 lines
951 B
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import Button from '../components/Layout/Button';
|
|
import CheckoutForm, { Return } from '../components/Checkout/CheckoutForm';
|
|
|
|
const VideoPage: React.FC = () => {
|
|
const [showCheckout, setShowCheckout] = useState(false);
|
|
const showReturn = window.location.search.includes('session_id');
|
|
|
|
useEffect(() => {
|
|
if (showCheckout) {
|
|
document.body.style.overflow = "hidden";
|
|
} else {
|
|
document.body.style.overflow = "unset";
|
|
}
|
|
// Cleanup function to ensure overflow is restored when component unmounts
|
|
return () => {
|
|
document.body.style.overflow = "unset";
|
|
};
|
|
}, [showCheckout]);
|
|
|
|
return (
|
|
<div>
|
|
<h1>Hello!</h1>
|
|
|
|
<Button
|
|
title="Payment Screen Test"
|
|
onClick={() => setShowCheckout(true)}
|
|
/>
|
|
|
|
{showCheckout && <CheckoutForm onClose={() => setShowCheckout(false)} />}
|
|
{showReturn && <Return />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default VideoPage; |