diff --git a/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx b/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx index 3dbfbb0b18..e653fbaea8 100644 --- a/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx @@ -9,6 +9,8 @@ import { TwitchPlayer, TwitchChat } from "react-twitch-embed"; import { Link } from "react-router-dom"; import { WebUrl } from "../../../../common/WebUrl"; import { DiscordLink2 } from "@storyteller/components/src/elements/DiscordLink2"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faStar } from "@fortawesome/pro-solid-svg-icons"; interface Props { sessionWrapper: SessionWrapper; @@ -41,7 +43,7 @@ const TWITCH_CHANNEL = "FakeYouLabs"; function NewsPage(props: Props) { usePrefixedDocumentTitle("AI News"); - console.log('Channels page regenerated'); + console.log("Channels page regenerated"); //const [stream, setStream] = useState({ // broadcaster_name: "", @@ -59,7 +61,7 @@ function NewsPage(props: Props) { //}); useEffect(() => { - console.log('useEffect() triggered'); + console.log("useEffect() triggered"); const fetchData = async () => { //const streamInfo = await twitchApi.get( // "https://api.twitch.tv/helix/channels?broadcaster_id=650154491" @@ -90,13 +92,20 @@ function NewsPage(props: Props) { //} let subscriberPart = <>; + let subscribeButton = <>; if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) { subscriberPart = ( - <> - If you'd like an ad-free experience, please subscribe! -
-
- +

+ If you'd like an ad-free experience,{" "} + please subscribe! +

+ ); + + subscribeButton = ( + + + Subscribe to FakeYou + ); } @@ -121,7 +130,7 @@ function NewsPage(props: Props) { muted={false} className="twitch-video-container" /> - {/* + {/*
@@ -151,17 +160,18 @@ function NewsPage(props: Props) {
*/} -
-

- {subscriberPart} - We've built a powerful new AI animation system that we're nearly ready to unveil. - For now, enjoy this teaser tech demo of a 24/7 streaming news channel. -
-
- Want to give us feedback? Please join our . + {subscribeButton} + +

+ {subscriberPart} +

+ We've built a powerful new AI animation system that we're + nearly ready to unveil. For now, enjoy this teaser tech demo + of a 24/7 streaming news channel.

+ Want to give us feedback? Please join our .