diff --git a/apps/web/src/components/AdPanel/CardLayouts.tsx b/apps/web/src/components/AdPanel/CardLayouts.tsx index cc9ad83361873..854644be58c93 100644 --- a/apps/web/src/components/AdPanel/CardLayouts.tsx +++ b/apps/web/src/components/AdPanel/CardLayouts.tsx @@ -108,8 +108,8 @@ const AdSlides = memo(({ forceMobile, isDismissible = true }: AdPlayerProps) => * For abstraction and use in pages where we need to * directly render the Ads Card purely without any conditions */ -export const AdPlayer = (props: AdPlayerProps) => { - return +export const AdPlayer = ({ forceMobile = true, isDismissible = false, ...props }: AdPlayerProps) => { + return } interface DesktopCardProps extends AdPlayerProps { diff --git a/apps/web/src/components/AdPanel/config.tsx b/apps/web/src/components/AdPanel/config.tsx index a84abd333f549..c177af3e0b188 100644 --- a/apps/web/src/components/AdPanel/config.tsx +++ b/apps/web/src/components/AdPanel/config.tsx @@ -35,14 +35,15 @@ export const useAdConfig = () => { .filter((ad) => ad.shouldRender) } +const commonLayoutAdBlacklistedPages = ['/home', '/cake-staking', '/liquidity/pools'] /** * On the pages mentioned, the Mobile ads will be placed directly in page instead of in the app layout. * So don't render in the app layout. */ -export const layoutMobileAdBlacklistedPages = ['/', '/home', '/cake-staking'] +export const layoutMobileAdBlacklistedPages = [...commonLayoutAdBlacklistedPages, '/'] /** * On the pages mentioned, the Desktop ads will be placed directly in page instead of in the app layout. * So don't render in the app layout. */ -export const layoutDesktopAdBlacklistedPages = ['/home', '/cake-staking'] +export const layoutDesktopAdBlacklistedPages = [...commonLayoutAdBlacklistedPages] diff --git a/apps/web/src/views/CakeStaking/components/PageHead.tsx b/apps/web/src/views/CakeStaking/components/PageHead.tsx index 13634336abe6a..623decead8cfc 100644 --- a/apps/web/src/views/CakeStaking/components/PageHead.tsx +++ b/apps/web/src/views/CakeStaking/components/PageHead.tsx @@ -26,7 +26,7 @@ export const PageHead = () => { <> {isMobile && ( - + )} @@ -47,7 +47,7 @@ export const PageHead = () => { - {!isMobile && } + {!isMobile && } ) diff --git a/apps/web/src/views/Home/components/Hero.tsx b/apps/web/src/views/Home/components/Hero.tsx index dd93efbe16324..73a02ade20d74 100644 --- a/apps/web/src/views/Home/components/Hero.tsx +++ b/apps/web/src/views/Home/components/Hero.tsx @@ -259,7 +259,7 @@ const Hero = () => { - + { const { t } = useTranslation() const { theme } = useTheme() + const { isMobile } = useMatchBreakpoints() + return ( + {isMobile && ( + + + + )} @@ -38,9 +45,10 @@ export const PoolsBanner = ({ additionLink }: { additionLink?: React.ReactNode } )} - - - + + {!isMobile && } + {/* */} +