diff --git a/packages/website/src/components/Ad.tsx b/packages/website/src/components/Ad.tsx index 2082dd33a..1222f8d0d 100644 --- a/packages/website/src/components/Ad.tsx +++ b/packages/website/src/components/Ad.tsx @@ -1,17 +1,45 @@ import { Box, type BoxProps } from '@radix-ui/themes'; import { useEffect } from 'react'; -import { useAdExempt } from '../hooks/useAdExempt'; +import type { Vector2Tuple } from 'three'; export type AdProps = BoxProps & { id: string; + commonHeight: 250; }; -export function Ad({ id, ...props }: AdProps) { - const exempt = useAdExempt(); +export enum MaxAdSize { + Size728x90, + Size970x90, + Size970x250, + Size300x250, + Size336x280, + Size320x50, + Size320x100, + Size320x480, + Size160x600, + Size300x600, +} + +const MAX_AD_SIZES: Record = { + [MaxAdSize.Size728x90]: [728, 90], + [MaxAdSize.Size970x90]: [970, 90], + [MaxAdSize.Size970x250]: [970, 250], + [MaxAdSize.Size300x250]: [300, 250], + [MaxAdSize.Size336x280]: [336, 280], + [MaxAdSize.Size320x50]: [320, 50], + [MaxAdSize.Size320x100]: [320, 100], + [MaxAdSize.Size320x480]: [320, 480], + [MaxAdSize.Size160x600]: [160, 600], + [MaxAdSize.Size300x600]: [300, 600], +}; + +export function Ad({ id, commonHeight, ...props }: AdProps) { + // const [width, height] = + // maxAdSize === undefined + // ? [undefined, undefined] + // : MAX_AD_SIZES[maxAdSize].map((dimension) => `${dimension}px`); useEffect(() => { - if (exempt) return; - (window as any).nitroAds.createAd(id, { refreshTime: 30, demo: import.meta.env.MODE === 'development', @@ -24,9 +52,14 @@ export function Ad({ id, ...props }: AdProps) { position: 'top-right', }, }); - }, [exempt, id]); + }, [id]); - if (exempt) return null; - - return ; + return ( + + ); } diff --git a/packages/website/src/components/Plugs.tsx b/packages/website/src/components/Plugs.tsx index f179d2043..0b37eee83 100644 --- a/packages/website/src/components/Plugs.tsx +++ b/packages/website/src/components/Plugs.tsx @@ -1,14 +1,6 @@ import { assertSecret, patreonLoginUrl } from '@blitzkit/core'; import { ArrowRightIcon } from '@radix-ui/react-icons'; -import { - Badge, - Button, - Code, - Flex, - Link, - Separator, - Text, -} from '@radix-ui/themes'; +import { Button, Code, Flex, Link, Separator, Text } from '@radix-ui/themes'; import { useAdExempt } from '../hooks/useAdExempt'; import { App } from '../stores/app'; import { PatreonIcon } from './PatreonIcon'; @@ -38,16 +30,13 @@ function Content() { assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH) !== 'opentest' && ( <> - - NEW - - BlitzKit{' '} - - opentest - {' '} - is available now{' '} - - + + BlitzKit{' '} + + opentest + {' '} + is available now{' '} +