fp/packages/next/app/patrons/page.tsx

47 lines
1.6 KiB
TypeScript

import PatronsList from '../components/patrons-list';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons";
import Link from 'next/link'
import { getCampaign } from '../lib/patreon';
export default async function Page() {
const patreonCampaign = await getCampaign()
return (
<>
<div className="content">
<div className="block">
<div className='section'>
<h1 className="title">Patron List</h1>
<p className="subtitle">
<span>Futureporn.net continues to improve thanks to </span>
<strong>{patreonCampaign.patronCount} generous supporters.</strong>
</p>
</div>
<div className='section'>
<PatronsList displayStyle="box" />
<div className='box'>
<p>Want to get your name on this list, and get perks like FAST video streaming?</p>
<Link target="_blank" rel="noopener noreferrer" href="https://patreon.com/CJ_Clippy" className='button is-primary mb-3'>
<span className="mr-1">Become a patron today!</span>
<FontAwesomeIcon
icon={faExternalLinkAlt}
className="fab fa-external-link-alt"
></FontAwesomeIcon>
</Link>
<p className='subtitle'>
Patron names are private by default--{' '}
<Link href="/profile">Opt-in</Link> to have your name displayed.
</p>
</div>
</div>
</div>
</div>
</>
);
}