pages DonationPage.tsx

100% Statements 4/4

100% Branches 4/4

100% Functions 1/1

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31  
 
 
 
1x
2x
2x
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useAppConfig } from '@core/providers/AppConfigProvider'
import { CheckoutForm } from '../components/CheckoutForm'
import { AppHeader } from '@core/components/AppHeader'
 
export const DonationPage = () => {
    const { config } = useAppConfig()
    const bgImage = config.theme?.assets?.backgroundDonor
 
    return (
        <div
            className="min-h-screen transition-colors duration-500 bg-cover bg-center bg-no-repeat bg-fixed"
            style={{
                backgroundImage: bgImage ? `url(${bgImage})` : undefined,
                backgroundColor: 'var(--background)', // Fallback
            }}
        >
            {/* Overlay for readability if image exists */}
            {bgImage && <div className="fixed inset-0 bg-background/80 backdrop-blur-sm z-0" />}
 
            <div className="relative z-10">
                <AppHeader />
                <main className="py-8 px-4 sm:px-6 lg:px-8">
                    <div className="max-w-md mx-auto">
                        <CheckoutForm />
                    </div>
                </main>
            </div>
        </div>
    )
}