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: added custom component

Browse Source
This commit is contained in:
wonderlandpark 2021-03-07 21:49:22 +09:00
parent cde1b1f11e
commit 28d7642428
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
pages/developers/docs/[first]/[second].tsx
View File

@ -31,7 +31,7 @@ const Docs: NextPage<DocsProps> = ({ docs }) => {
<div className='px-2'> <div className='px-2'>
{ {
!document ? '' !document ? ''
: <Markdown text={document.text} options={{ openLinksInNewWindow: false }} components={{ message: Message }} allowedTag={['message']} /> : <Markdown text={document.text} options={{ openLinksInNewWindow: false }} components={{ message: Message, code }} allowedTag={['message']} />
} }
</div> </div>
</DeveloperLayout> </DeveloperLayout>
@ -72,6 +72,18 @@ export async function getStaticProps () {
} }
} }
function code({ children }:{ children: string }):JSX.Element {
const methods = {
get: 'text-green-400',
post: 'text-yellow-400',
put: 'text-blue-500',
patch: 'text-yellow-400',
delete: 'text-red-500'
}
return <code className={`${methods[String(children).toLowerCase()]}`}>
{children}
</code>
}
function highlightBlocks() { function highlightBlocks() {
const nodes = window.document.querySelectorAll('pre code') const nodes = window.document.querySelectorAll('pre code')
nodes.forEach(el => { nodes.forEach(el => {