|
1 | | -// Import External Dependencies |
2 | | -import { lazy, Suspense, useState, useEffect } from 'react'; |
3 | | - |
4 | 1 | // Import Components |
5 | 2 | import Container from '../Container/Container'; |
6 | 3 | import SplashViz from '../SplashViz/SplashViz'; |
7 | 4 | import Markdown from '../Markdown/Markdown'; |
8 | | -import { PlaceholderComponent } from '../Placeholder/Placeholder'; |
9 | | - |
10 | | -// Import helpers |
11 | | -import isClient from '../../utilities/is-client'; |
12 | 5 |
|
13 | 6 | // Import Demo Content |
14 | 7 | import SplashContent from '../../content/index.mdx'; |
15 | 8 |
|
16 | 9 | // Load Styling |
17 | 10 | import './Splash.scss'; |
18 | 11 |
|
19 | | -// const Support = lazy(() => import('../Support/Support')); |
20 | | - |
21 | | -const SponsorsPlaceholder = () => ( |
22 | | - <> |
23 | | - <h2>Latest Sponsors</h2> |
24 | | - <PlaceholderComponent /> |
25 | | - |
26 | | - <h2>Platinum Sponsors</h2> |
27 | | - <PlaceholderComponent /> |
28 | | - |
29 | | - <h2>Gold Sponsors</h2> |
30 | | - <PlaceholderComponent /> |
31 | | - |
32 | | - <h2>Silver Sponsors</h2> |
33 | | - <PlaceholderComponent /> |
34 | | - |
35 | | - <h2>Bronze Sponsors</h2> |
36 | | - <PlaceholderComponent /> |
37 | | - |
38 | | - <h2>Backers</h2> |
39 | | - <PlaceholderComponent /> |
40 | | - </> |
41 | | -); |
42 | | - |
43 | 12 | const Splash = () => { |
44 | | - const [showSponsors, setShowSponsors] = useState(false); |
45 | | - const [supportType, setSupportType] = useState(() => |
46 | | - Math.random() < 0.33 ? 'monthly' : 'total' |
47 | | - ); |
48 | | - useEffect(() => { |
49 | | - if (isClient) setShowSponsors(true); |
50 | | - }, []); |
51 | 13 | return ( |
52 | 14 | <div className="splash"> |
53 | 15 | <SplashViz /> |
|
0 commit comments