Merge pull request #484 from storytold/bflat-fy-dynamic-storyteller-fakeyou

landing page use domain config

packages/fakeyou.com/src/v2/view/pages/landing/Dashboard.tsx

@@ -11,11 +11,11 @@ import { useLocalize } from "hooks";
 import React from "react";
 import { Link } from "react-router-dom";
 
-interface FakeYouDashboardProps {
+interface DashboardProps {
   sessionWrapper: SessionWrapper;
 }
 
-export default function FakeYouDashboard(props: FakeYouDashboardProps) {
+export default function Dashboard(props: DashboardProps) {
   const { t } = useLocalize("LandingPage");
   const isLoggedIn = props.sessionWrapper.isLoggedIn();
 

packages/fakeyou.com/src/v2/view/pages/landing/LandingPage.tsx

@@ -6,9 +6,10 @@ import {} from "@fortawesome/pro-solid-svg-icons";
 import { PosthogClient } from "@storyteller/components/src/analytics/PosthogClient";
 import { Container } from "components/common";
 import FakeYouLandingHeader from "./fakeyou/FakeYouLandingHeader";
-import FakeYouDashboard from "./Dashboard";
+import Dashboard from "./Dashboard";
 import FakeYouLandingBody from "./fakeyou/FakeYouLandingBody";
-// import StorytellerLanding from "./StorytellerLanding";
+import { useDomainConfig } from "context/DomainConfigContext";
+import StorytellerLanding from "./storyteller/StorytellerLanding";
 
 interface Props {
   sessionWrapper: SessionWrapper;
@@ -18,23 +19,37 @@ interface Props {
 function LandingPage(props: Props) {
   usePrefixedDocumentTitle("FakeYou Celebrity Voice Generator");
   PosthogClient.recordPageview();
+  const domain = useDomainConfig();
 
   const isLoggedIn = props.sessionWrapper.isLoggedIn();
 
   return (
     <>
       <Container type="panel">
-        {/* HEADER IF NOT LOGGED IN */}
-        {!isLoggedIn && (
-          <FakeYouLandingHeader
-            sessionWrapper={props.sessionWrapper}
-            sessionSubscriptionsWrapper={props.sessionSubscriptionsWrapper}
-          />
+        {domain.title !== "FakeYou" ? (
+          <>
+            {/* FAKEYOU.COM */}
+            {!isLoggedIn && (
+              <FakeYouLandingHeader
+                sessionWrapper={props.sessionWrapper}
+                sessionSubscriptionsWrapper={props.sessionSubscriptionsWrapper}
+              />
+            )}
+
+            <Dashboard sessionWrapper={props.sessionWrapper} />
+
+            {!isLoggedIn && <FakeYouLandingBody />}
+          </>
+        ) : (
+          <>
+            {/* STORYTELLER,AI */}
+            {!isLoggedIn ? (
+              <StorytellerLanding />
+            ) : (
+              <Dashboard sessionWrapper={props.sessionWrapper} />
+            )}
+          </>
         )}
-
-        <FakeYouDashboard sessionWrapper={props.sessionWrapper} />
-
-        {!isLoggedIn && <FakeYouLandingBody />}
       </Container>
     </>
   );