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

feat: added button and fixed some style

Browse Source
This commit is contained in:
원더 2021-02-01 21:34:20 +09:00
parent bced7e4fcb
commit dc0402c42c
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pages/addbot.tsx
View File

@ -17,6 +17,7 @@ import Markdown from '@components/Markdown'
import { categories, library } from '@utils/Constants' import { categories, library } from '@utils/Constants'
import Select from '@components/Form/Select' import Select from '@components/Form/Select'
import Selects from '@components/Form/Selects' import Selects from '@components/Form/Selects'
import Button from '@components/Button'
const Container = dynamic(() => import('@components/Container')) const Container = dynamic(() => import('@components/Container'))
const Message = dynamic(() => import('@components/Message')) const Message = dynamic(() => import('@components/Message'))
@ -46,7 +47,7 @@ const AddBot:NextPage<AddBotProps> = ({ logged }) => {
desc: '' desc: ''
}} }}
validationSchema={AddBotSubmitSchema} validationSchema={AddBotSubmitSchema}
onSubmit={(values) => { alert(values) }}> onSubmit={(values) => { alert(JSON.stringify(values)) }}>
{({ errors, touched, values, setFieldTouched, setFieldValue }) => ( {({ errors, touched, values, setFieldTouched, setFieldValue }) => (
<Form> <Form>
<Message type='warning'> <Message type='warning'>
@ -67,8 +68,10 @@ const AddBot:NextPage<AddBotProps> = ({ logged }) => {
</ul> </ul>
</Message> </Message>
<Label For='agree' error={errors.agree && touched.agree ? errors.agree : null} grid={false}> <Label For='agree' error={errors.agree && touched.agree ? errors.agree : null} grid={false}>
<CheckBox name='agree' /> <div className='flex items-center'>
<strong className='text-sm'>해당 내용을 숙지하였으며, 모두 이행하였고 위 내용에 해당하는 거부 사유는 답변받지 않는다는 점을 이해합니다.</strong> <CheckBox name='agree' />
<strong className='text-sm'>해당 내용을 숙지하였으며, 모두 이행하였고 위 내용에 해당하는 거부 사유는 답변받지 않는다는 점을 이해합니다.</strong>
</div>
</Label> </Label>
<Divider /> <Divider />
@ -81,7 +84,7 @@ const AddBot:NextPage<AddBotProps> = ({ logged }) => {
<Label For='library' label='라이브러리' labelDesc='봇에 사용된 라이브러리를 선택해주세요. 해당되는 라이브러리가 없다면 기타를 선택해주세요.' short required error={errors.library && touched.library ? errors.library : null}> <Label For='library' label='라이브러리' labelDesc='봇에 사용된 라이브러리를 선택해주세요. 해당되는 라이브러리가 없다면 기타를 선택해주세요.' short required error={errors.library && touched.library ? errors.library : null}>
<Select options={library.map(el=> ({ label: el, value: el }))} handleChange={(value) => setFieldValue('library', value.value)} handleTouch={() => setFieldTouched('library', true)} /> <Select options={library.map(el=> ({ label: el, value: el }))} handleChange={(value) => setFieldValue('library', value.value)} handleTouch={() => setFieldTouched('library', true)} />
</Label> </Label>
<Label For='category' label='카테고리' labelDesc='봇에 해당되는 카테고리를 선택해주세요' required error={errors.category as string}> <Label For='category' label='카테고리' labelDesc='봇에 해당되는 카테고리를 선택해주세요' required error={errors.category && touched.website ? errors.category as string : null}>
<Selects options={categories.map(el=> ({ label: el, value: el }))} handleChange={(value) => { <Selects options={categories.map(el=> ({ label: el, value: el }))} handleChange={(value) => {
console.log(value) console.log(value)
setFieldValue('category', value.map(v=> v.value)) setFieldValue('category', value.map(v=> v.value))
@ -98,9 +101,9 @@ const AddBot:NextPage<AddBotProps> = ({ logged }) => {
<Input name='url' placeholder='https://discord.com/oauth2/authorize?client_id=653534001742741552&scope=bot&permissions=0' /> <Input name='url' placeholder='https://discord.com/oauth2/authorize?client_id=653534001742741552&scope=bot&permissions=0' />
</Label> </Label>
<Label For='discord' label='지원 디스코드 서버' labelDesc='봇의 지원 디스코드 서버를 입력해주세요. (봇에 대해 도움을 받을 수 있는 공간입니다.)' error={errors.discord && touched.discord ? errors.discord : null} short> <Label For='discord' label='지원 디스코드 서버' labelDesc='봇의 지원 디스코드 서버를 입력해주세요. (봇에 대해 도움을 받을 수 있는 공간입니다.)' error={errors.discord && touched.discord ? errors.discord : null} short>
<> <div className='flex items-center'>
discord.gg/<Input name='discord' placeholder='JEh53MQ' /> discord.gg/<Input name='discord' placeholder='JEh53MQ' />
</> </div>
</Label> </Label>
<Divider /> <Divider />
<Label For='intro' label='봇 소개' labelDesc='봇을 소개할 수 있는 간단한 설명을 적어주세요. (최대 60자)' error={errors.intro && touched.intro ? errors.intro : null} required> <Label For='intro' label='봇 소개' labelDesc='봇을 소개할 수 있는 간단한 설명을 적어주세요. (최대 60자)' error={errors.intro && touched.intro ? errors.intro : null} required>