From 28d7642428d6d3ef67d00e2702d149a309afe7b9 Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderbotsupport@naver.com>
Date: Sun, 7 Mar 2021 21:49:22 +0900
Subject: [PATCH] chore: added custom component

---
 pages/developers/docs/[first]/[second].tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/pages/developers/docs/[first]/[second].tsx b/pages/developers/docs/[first]/[second].tsx
index fb7e0e2..4f59449 100644
--- a/pages/developers/docs/[first]/[second].tsx
+++ b/pages/developers/docs/[first]/[second].tsx
@@ -31,7 +31,7 @@ const Docs: NextPage<DocsProps> = ({ docs }) => {
 		<div className='px-2'>
 			{
 				!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>
 	</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() {
 	const nodes = window.document.querySelectorAll('pre code')
 	nodes.forEach(el => {