diff --git a/src/website/packages/fakeyou.com/src/components/common/AdBanner/AdBanner.tsx b/src/website/packages/fakeyou.com/src/components/common/AdBanner/AdBanner.tsx index 7dd4fabff8..2e91b2c4fe 100644 --- a/src/website/packages/fakeyou.com/src/components/common/AdBanner/AdBanner.tsx +++ b/src/website/packages/fakeyou.com/src/components/common/AdBanner/AdBanner.tsx @@ -1,5 +1,5 @@ -import { SessionContext } from "context"; -import React, { useContext, useEffect, useRef, useState } from "react"; +import { useSession } from "hooks"; +import React, { useEffect, useRef, useState } from "react"; interface AdBannerProps { dataAdSlot: string; @@ -20,7 +20,7 @@ export function AdBanner({ }: AdBannerProps) { const adRef = useRef(null); const [adFailed, setAdFailed] = useState(false); - const { user, sessionSubscriptions } = useContext(SessionContext); + const { loggedIn, sessionSubscriptions } = useSession(); useEffect(() => { // Check if adsbygoogle is blocked or not loaded @@ -50,7 +50,7 @@ export function AdBanner({ return () => clearTimeout(timeoutId); }, []); - if (user && sessionSubscriptions?.hasPaidFeatures()) { + if (loggedIn && sessionSubscriptions?.hasPaidFeatures()) { return null; } diff --git a/src/website/packages/fakeyou.com/src/components/common/RemoveAdsButton/RemoveAdsButton.tsx b/src/website/packages/fakeyou.com/src/components/common/RemoveAdsButton/RemoveAdsButton.tsx new file mode 100644 index 0000000000..609836d522 --- /dev/null +++ b/src/website/packages/fakeyou.com/src/components/common/RemoveAdsButton/RemoveAdsButton.tsx @@ -0,0 +1,31 @@ +import React from "react"; +import Button from "../Button"; +import { faBan } from "@fortawesome/pro-solid-svg-icons"; +import { usePageLocation, useSession } from "hooks"; +import { isMobile } from "react-device-detect"; + +interface RemoveAdsButtonProps { + small?: boolean; +} + +export default function RemoveAdsButton({ small }: RemoveAdsButtonProps) { + const { loggedIn, sessionSubscriptions } = useSession(); + const { isOnLandingPage } = usePageLocation(); + const text = isMobile && !isOnLandingPage ? "Ads" : "Remove Ads"; + + if (loggedIn && sessionSubscriptions?.hasPaidFeatures()) { + return null; + } + + return ( +