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

chore: text white at background

Browse Source
This commit is contained in:
원더 2021-02-12 11:30:56 +09:00
parent 22a600a1e5
commit 0a3c0e7838
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pages/bots/[id].tsx
View File

@ -28,11 +28,12 @@ const Tooltip = dynamic(() => import('@components/Tooltip'))
const Markdown = dynamic(() => import ('@components/Markdown')) const Markdown = dynamic(() => import ('@components/Markdown'))
const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, setTheme }) => { const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, setTheme }) => {
const bg = checkBotFlag(data.flags, 'trusted') && data.banner
const router = useRouter() const router = useRouter()
if (!data || !data.id) return <NotFound /> if (!data || !data.id) return <NotFound />
if(data.vanity && data.vanity !== router.query.id) router.push(`/bots/${data.vanity}`) if(data.vanity && data.vanity !== router.query.id) router.push(`/bots/${data.vanity}`)
else footerControl(false) else footerControl(false)
return <div style={checkBotFlag(data.flags, 'trusted') && data.banner ? { background: `linear-gradient(to right, rgba(34, 36, 38, 0.68), rgba(34, 36, 38, 0.68)), url("${data.bg}") center top / cover no-repeat fixed` } : {}}> return <div style={bg ? { background: `linear-gradient(to right, rgba(34, 36, 38, 0.68), rgba(34, 36, 38, 0.68)), url("${data.bg}") center top / cover no-repeat fixed`, color: 'white' } : {}}>
<Container paddingTop className='py-10'> <Container paddingTop className='py-10'>
<SEO <SEO
title={data.name} title={data.name}
@ -61,7 +62,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
</> </>
} }
/> />
<h1 className='mb-2 mt-3 text-4xl font-bold'> <h1 className='mb-2 mt-3 text-4xl font-bold' style={bg ? { color: 'white' } : {}}>
{data.name}{' '} {data.name}{' '}
{checkBotFlag(data.flags, 'trusted') ? ( {checkBotFlag(data.flags, 'trusted') ? (
<Tooltip text='해당봇은 한국 디스코드봇 리스트에서 엄격한 기준을 통과한 봇입니다!' direction='left' size='large' href='/verification'> <Tooltip text='해당봇은 한국 디스코드봇 리스트에서 엄격한 기준을 통과한 봇입니다!' direction='left' size='large' href='/verification'>
@ -72,7 +73,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
) : ''} ) : ''}
</h1> </h1>
</div> </div>
<p className='dark:text-gray-300 text-gray-800 text-base'>{data.intro}</p> <p className={`${bg ? 'text-gray-300' : 'dark:text-gray-300 text-gray-800'} text-base`}>{data.intro}</p>
</div> </div>
<div className='w-full lg:w-1/4 lg:pt-10'> <div className='w-full lg:w-1/4 lg:pt-10'>
<LongButton <LongButton
@ -95,7 +96,7 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
</span> </span>
</LongButton> </LongButton>
{ {
((data.owners as User[]).find(el => el.id === user.id) || checkUserFlag(user.flags, 'staff')) && <LongButton href={`/manage/${data.id}`}> ((data.owners as User[]).find(el => el.id === user?.id) || checkUserFlag(user?.flags, 'staff')) && <LongButton href={`/manage/${data.id}`}>
<h4> <h4>
<i className='fas fa-cogs' /> 관리하기 <i className='fas fa-cogs' /> 관리하기
</h4> </h4>
@ -206,8 +207,10 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, footerControl, theme, set
export const getServerSideProps = async (ctx: Context) => { export const getServerSideProps = async (ctx: Context) => {
const parsed = parseCookie(ctx) const parsed = parseCookie(ctx)
const user = await get.Authorization(parsed?.token)
const data = await get.bot.load(ctx.query.id) ?? { id: '' } const data = await get.bot.load(ctx.query.id) ?? { id: '' }
const user = await get.Authorization(parsed?.token)
console.log(data)
console.log(user)
return { return {
props: { props: {
data, data,