From 4d5c5289633436174d689e3596b6f78bdf8557c8 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 19 Feb 2023 16:47:43 +0700
Subject: [PATCH 1/2] new page fixes and button

---
 .../src/v2/view/pages/news/NewsPage.tsx       | 39 +++++++++++--------
 1 file changed, 23 insertions(+), 16 deletions(-)

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..0f743d561a 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<StreamInfo>({
   //  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"
@@ -92,11 +94,10 @@ function NewsPage(props: Props) {
   let subscriberPart = <></>;
   if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) {
     subscriberPart = (
-      <>
-        If you'd like an ad-free experience, <Link to={WebUrl.pricingPage()}>please subscribe</Link>!
-        <br />
-        <br />
-      </>
+      <p>
+        If you'd like an ad-free experience,{" "}
+        <Link to={WebUrl.pricingPage()}>please subscribe</Link>!
+      </p>
     );
   }
 
@@ -121,7 +122,7 @@ function NewsPage(props: Props) {
                 muted={false}
                 className="twitch-video-container"
               />
-                {/*
+              {/*
               <div className="row align-items-center px-3 px-md-0">
                 <div className="col-12 col-lg-9 d-flex gap-3">
                   <a href={twitchChannelLink}>
@@ -151,17 +152,23 @@ function NewsPage(props: Props) {
                 </div>
               </div>
              */}
-              <div className="panel d-flex align-items-center gap-3 p-3 channel-description">
-                <p>
-                  {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.
-                  <br />
-                  <br />
-                  Want to give us feedback? Please join our <DiscordLink2 />.
+              <div>
+                <Link to="/pricing" className="btn btn-primary w-100">
+                  <FontAwesomeIcon icon={faStar} className="me-2" />
+                  Subscribe to FakeYou
+                </Link>
+              </div>
+
+              <div className="panel d-flex flex-column gap-3 p-3 channel-description">
+                {subscriberPart}
+                <p>
+                  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.
                 </p>
                 <p>
+                  Want to give us feedback? Please join our <DiscordLink2 />.
                 </p>
               </div>
             </motion.div>

From c777319284538b2c21094b4b8483e3625fc75f49 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 19 Feb 2023 16:54:40 +0700
Subject: [PATCH 2/2] subscribe button update

---
 .../src/v2/view/pages/news/NewsPage.tsx           | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

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 0f743d561a..e653fbaea8 100644
--- a/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/news/NewsPage.tsx
@@ -92,6 +92,7 @@ function NewsPage(props: Props) {
   //}
 
   let subscriberPart = <></>;
+  let subscribeButton = <></>;
   if (!props.sessionSubscriptionsWrapper.hasPaidFeatures()) {
     subscriberPart = (
       <p>
@@ -99,6 +100,13 @@ function NewsPage(props: Props) {
         <Link to={WebUrl.pricingPage()}>please subscribe</Link>!
       </p>
     );
+
+    subscribeButton = (
+      <Link to="/pricing" className="btn btn-primary w-100">
+        <FontAwesomeIcon icon={faStar} className="me-2" />
+        Subscribe to FakeYou
+      </Link>
+    );
   }
 
   return (
@@ -153,12 +161,7 @@ function NewsPage(props: Props) {
               </div>
              */}
 
-              <div>
-                <Link to="/pricing" className="btn btn-primary w-100">
-                  <FontAwesomeIcon icon={faStar} className="me-2" />
-                  Subscribe to FakeYou
-                </Link>
-              </div>
+              {subscribeButton}
 
               <div className="panel d-flex flex-column gap-3 p-3 channel-description">
                 {subscriberPart}