diff --git a/packages/fakeyou/src/v2/view/patrons/PatronPage.tsx b/packages/fakeyou/src/v2/view/patrons/PatronPage.tsx index 3ede35f11b..b1fb5af620 100644 --- a/packages/fakeyou/src/v2/view/patrons/PatronPage.tsx +++ b/packages/fakeyou/src/v2/view/patrons/PatronPage.tsx @@ -6,6 +6,7 @@ import { PATRONS } from '../../../data/Patrons'; import { PatreonLink } from '@storyteller/components/src/elements/PatreonLink'; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faPatreon } from "@fortawesome/free-brands-svg-icons"; +import { Container } from 'tsparticles-engine'; interface Props { sessionWrapper: SessionWrapper, } @@ -34,6 +35,8 @@ function PatronPage(props: Props) { Our Patrons help support our work. +

Our Patrons help pay offset (but not completely cover) our + expensive server bills.

-
-
-

Our Patrons help pay offset (but not completely cover) our expensive server bills.

- +
+
+
+

Our Patrons

+
+
    {PATRONS.map(patron => { return (
  • {patron.username} — ${patron.donationTotal}
  • ); })}
+
+
+ + +

Patrons will get first looks at new features, get dedicated access to Patron-only Discord channels, can ask for specific voices from our in-house audio engineers, @@ -69,7 +79,7 @@ function PatronPage(props: Props) { - ) + ); } export { PatronPage } \ No newline at end of file