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

feat: added slash command message

Browse Source
This commit is contained in:
wonderlandpark 2021-03-24 21:44:22 +09:00
parent 4c887db092
commit 9577047cbc
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Segment.tsx
View File

@ -1,7 +1,7 @@
const Segment = ({ children, className = '' }: SegmentProps): JSX.Element => {
return (
<div
className={`py-3 px-7 text-black dark:text-white dark:bg-discord-black bg-little-white rounded-sm ${className}`}
className={`py-3 px-7 text-black dark:text-white dark:bg-discord-black bg-little-white rounded ${className}`}
>
{children}
</div>

10
pages/categories/[category].tsx
View File

@ -7,6 +7,7 @@ import { BotList } from '@types'
import { botCategoryListArgumentSchema } from '@utils/Yup'
import NotFound from 'pages/404'
import { useState } from 'react'
import { useRouter } from 'next/router'
const Hero = dynamic(() => import('@components/Hero'))
const Advertisement = dynamic(() => import('@components/Advertisement'))
@ -15,10 +16,13 @@ const ResponsiveGrid = dynamic(() => import('@components/ResponsiveGrid'))
const BotCard = dynamic(() => import('@components/BotCard'))
const Container = dynamic(() => import('@components/Container'))
const Paginator = dynamic(() => import('@components/Paginator'))
const Segment = dynamic(() => import('@components/Segment'))
const Markdown = dynamic(() => import('@components/Markdown'))
const NSFW = dynamic(() => import('@components/NSFW'))
const Category: NextPage<CategoryProps> = ({ data, query }) => {
const [ nsfw, setNSFW ] = useState(localStorage.nsfw)
const router = useRouter()
if(!data || data.data.length === 0 || data.totalPage < Number(query.page)) return <NotFound />
return <>
<Hero header={`${query.category} 카테고리 봇들`} description={`다양한 "${query.category}" 카테고리의 봇들을 만나보세요.`} />
@ -26,6 +30,12 @@ const Category: NextPage<CategoryProps> = ({ data, query }) => {
{
query.category === 'NSFW' && !nsfw ? <NSFW onClick={() => setNSFW(true)} onDisableClick={() => localStorage.nsfw = true} />
: <Container>
{
router.query.category === '빗금 명령어' && <Segment className='mb-4'>
<h1 className='text-2xl font-bold pt-3.5 pb-1'>빗금 명령어</h1>
<Markdown text={'빗금 명렁어는 디스코드 채팅창에 `/` 를 입력하여 사용할 수 있습니다.'} />
</Segment>
}
<Advertisement />
<ResponsiveGrid>
{

2
pages/categories/index.tsx
View File

@ -18,7 +18,7 @@ const Categories:NextPage = () => {
{
categories.map(t => <Tag key={t} text={<>
{
{ '빗금 명령어': <span className='fa-stack' style={{ fontSize: '1em', height: '1.2em', lineHeight: '1em', width: '20px', verticalAlign: 'midd;e' }}>
{ '빗금 명령어': <span className='fa-stack' style={{ fontSize: '1em', height: '1.2em', lineHeight: '1em', width: '20px', verticalAlign: 'middle' }}>
<i className='fas fa-square fa-stack-1x fa-md' />
<i className='fas fa-slash fa-rotate-90 fa-xs fa-stack-1x fa-inverse' style={{ fontSize: '0.3rem' }} />
</span> }[t] ?? <i className={categoryIcon[t]} />