wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 06:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: don't show ad on no search result (#668)

Browse Source 
* 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>
This commit is contained in:
Eunwoo Choi 2025-02-10 00:25:30 +09:00 committed by GitHub
parent 138ef55734
commit e99e661b8d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/Advertisement.tsx
View File

@ -1,6 +1,8 @@
import AdSense from 'react-adsense'
const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short' }) => {
const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short', disabled = false }) => {
if (disabled) return null
return (
<div className='py-5'>
<div
@ -39,6 +41,7 @@ declare global {
interface AdvertisementProps {
size?: 'short' | 'tall'
disabled?: boolean
}
export default Advertisement

12
pages/search.tsx
View File

@ -1,12 +1,12 @@
import { NextPage, NextPageContext } from 'next'
import type { FC } from 'react'
import dynamic from 'next/dynamic'
import { ParsedUrlQuery } from 'querystring'
import type { FC } from 'react'
import { List, Bot, Server } from '@types'
import { Bot, List, Server } from '@types'
import { KoreanbotsEndPoints } from '@utils/Constants'
import { get } from '@utils/Query'
import { SearchQuerySchema } from '@utils/Yup'
import { KoreanbotsEndPoints } from '@utils/Constants'
const Hero = dynamic(() => import('@components/Hero'))
const Advertisement = dynamic(() => import('@components/Advertisement'))
@ -58,6 +58,8 @@ const SearchComponent: FC<{
const Search: NextPage<SearchProps> = ({ botData, serverData, priority, query }) => {
if (!query?.q) return <Redirect text={false} to='/' />
const list: ('bot' | 'server')[] = ['bot', 'server']
const resultNotExists =
(!botData || botData.data.length === 0) && (!serverData || serverData.data.length === 0)
return (
<>
<Hero
@ -67,7 +69,7 @@ const Search: NextPage<SearchProps> = ({ botData, serverData, priority, query })
/>
<Container>
<section id='list'>
<Advertisement />
<Advertisement disabled={resultNotExists} />
{(priority === 'server' ? list.reverse() : list).map((el) => (
<SearchComponent
key={el}
@ -76,7 +78,7 @@ const Search: NextPage<SearchProps> = ({ botData, serverData, priority, query })
type={el}
/>
))}
<Advertisement />
<Advertisement disabled={resultNotExists} />
</section>
</Container>
</>