From bc3b6d3355e90241a1aee99baf2ae3f05a1f2a7c Mon Sep 17 00:00:00 2001
From: Redon <790348264@qq.com>
Date: Fri, 24 Mar 2023 16:43:44 +0800
Subject: [PATCH] feat: show language name (#113)

---
 components/Markdown/CodeBlock.tsx | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/components/Markdown/CodeBlock.tsx b/components/Markdown/CodeBlock.tsx
index 9f3ca5f..a0e9a5c 100644
--- a/components/Markdown/CodeBlock.tsx
+++ b/components/Markdown/CodeBlock.tsx
@@ -49,19 +49,22 @@ export const CodeBlock: FC<Props> = ({ language, value, lightMode }) => {
   };
   return (
     <div className="relative text-[16px]">
-      <div className="flex items-center justify-end">
-        <button
-          className="text-white bg-none py-0.5 px-2 rounded focus:outline-none hover:bg-blue-700 text-xs"
-          onClick={copyToClipboard}
-        >
-          {buttonText}
-        </button>
-        <button
-          className="text-white bg-none py-0.5 px-2 rounded focus:outline-none hover:bg-blue-700 text-xs"
-          onClick={downloadAsFile}
-        >
-          <IconDownload size={16} />
-        </button>
+      <div className="flex items-center justify-between">
+        <span className="text-xs text-white">{language}</span>
+        <div className="flex items-center">
+          <button
+            className="text-white bg-none py-0.5 px-2 rounded focus:outline-none hover:bg-blue-700 text-xs"
+            onClick={copyToClipboard}
+          >
+            {buttonText}
+          </button>
+          <button
+            className="text-white bg-none py-0.5 px-2 rounded focus:outline-none hover:bg-blue-700 text-xs"
+            onClick={downloadAsFile}
+          >
+            <IconDownload size={16} />
+          </button>
+        </div>
       </div>
 
       <SyntaxHighlighter