From c6830cf9e3efe4aa5ee3208709ecf8ac47caaa43 Mon Sep 17 00:00:00 2001 From: BFlat Date: Wed, 7 Feb 2024 01:48:44 +0700 Subject: [PATCH 01/13] domain/sidebar logic, new landing for non-logged in --- .../public/fakeyou/Storyteller-Logo.png | Bin 0 -> 23491 bytes .../src/components/layout/SideNav/SideNav.tsx | 26 +- .../src/components/layout/TopNav/TopNav.tsx | 8 +- .../src/context/DomainConfigContext.tsx | 22 + packages/fakeyou.com/src/context/index.ts | 9 +- packages/fakeyou.com/src/scss/nav.scss | 1 + .../fakeyou.com/src/utils/domainConfig.ts | 35 + .../fakeyou.com/src/v2/view/PageContainer.tsx | 2476 +++++++++-------- .../fakeyou.com/src/v2/view/nav/FooterNav.tsx | 23 +- .../src/v2/view/pages/landing/LandingPage.tsx | 705 +++-- .../src/v2/view/pages/premium/PricingPage.tsx | 14 +- 11 files changed, 1705 insertions(+), 1614 deletions(-) create mode 100644 packages/fakeyou.com/public/fakeyou/Storyteller-Logo.png create mode 100644 packages/fakeyou.com/src/context/DomainConfigContext.tsx create mode 100644 packages/fakeyou.com/src/utils/domainConfig.ts diff --git a/packages/fakeyou.com/public/fakeyou/Storyteller-Logo.png b/packages/fakeyou.com/public/fakeyou/Storyteller-Logo.png new file mode 100644 index 0000000000000000000000000000000000000000..02e5be971684dae725c7ec26ea184579dac2e2ae GIT binary patch literal 23491 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 CR5$DZ literal 0 HcmV?d00001 diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx index fc37d2824c..c7185041ab 100644 --- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx +++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx @@ -53,6 +53,13 @@ export default function SideNav({ const isDevelopmentEnv = fakeYouFrontendEnv.isDevelopment(); const wrapper = document.getElementById("wrapper"); const isMenuOpen = wrapper?.classList.contains("toggled"); + const isLoggedIn = sessionWrapper.isLoggedIn(); + const isOnLandingPage = window.location.pathname === "/"; + const isOnLoginOrSignUpPage = + window.location.pathname === "/login" || + window.location.pathname === "/login/" || + window.location.pathname === "/signup" || + window.location.pathname === "/signup/"; let history = useHistory(); const handleNavLinkClick = () => { @@ -102,17 +109,25 @@ export default function SideNav({ }; }, []); - const shouldShowSidebar = windowWidth >= 992; + const shouldNotShowSidebar = + !isLoggedIn && (isOnLandingPage || isOnLoginOrSignUpPage); + const shouldShowSidebar = windowWidth >= 992 && !shouldNotShowSidebar; + const sidebarClassName = `sidebar ${ + shouldShowSidebar ? "visible" : "" + }`.trim(); useEffect(() => { const contentWrapper = document.getElementById("page-content-wrapper"); - if (windowWidth >= 992) { + if ( + (shouldShowSidebar && isLoggedIn) || + (shouldShowSidebar && !isOnLandingPage) + ) { contentWrapper?.classList.remove("no-padding"); } else { contentWrapper?.classList.add("no-padding"); } - }, [windowWidth]); + }, [isLoggedIn, isOnLandingPage, shouldShowSidebar]); const [queueStats, setQueueStats] = useState({ success: true, @@ -256,10 +271,7 @@ export default function SideNav({ return ( <> -