mirror of
https://github.com/koreanbots/core.git
synced 2025-12-15 14:10:22 +00:00
e99e661b8d
* chore: don't show ad on no search result * feat: add disabled prop to Advertisement component and update usage for search page --------- Co-authored-by: soyoka <55011525+soy0ka@users.noreply.github.com>
48 lines
988 B
TypeScript
48 lines
988 B
TypeScript
import AdSense from 'react-adsense'
|
|
|
|
const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short', disabled = false }) => {
|
|
if (disabled) return null
|
|
|
|
return (
|
|
<div className='py-5'>
|
|
<div
|
|
className={`z-0 mx-auto w-full text-center text-white ${
|
|
process.env.NODE_ENV === 'production' ? '' : 'bg-gray-700 py-12'
|
|
}`}
|
|
style={size === 'short' ? { height: '90px' } : { height: '330px' }}
|
|
>
|
|
{process.env.NODE_ENV === 'production' ? (
|
|
<AdSense.Google
|
|
style={{
|
|
display: 'inline-block',
|
|
width: '100%',
|
|
height: size === 'short' ? '90px' : '330px',
|
|
}}
|
|
client='ca-pub-2436587688222951'
|
|
slot='9868714793'
|
|
format=''
|
|
/>
|
|
) : (
|
|
'Advertisement'
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
declare global {
|
|
interface Window {
|
|
adsbygoogle: {
|
|
loaded?: boolean
|
|
push(obj: unknown): void
|
|
}
|
|
}
|
|
}
|
|
|
|
interface AdvertisementProps {
|
|
size?: 'short' | 'tall'
|
|
disabled?: boolean
|
|
}
|
|
|
|
export default Advertisement
|