feat: add copy button to code (langgenius#3719)

zhys513 · Apr 24, 2024 · a23a191 · a23a191
1 parent 7d9c558
commit a23a191
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/web/app/components/app/chat/style.module.css b/web/app/components/app/chat/style.module.css
@@ -44,6 +44,10 @@
   display: none;
 }
 
+pre:hover .copyBtn {
+  display: block;
+}
+
 .answerWrapWrap,
 .questionWrapWrap {
   width: 0;
@@ -129,4 +133,4 @@
 
 .textArea:focus+div .sendBtn {
   background-image: url(./icons/send-active.svg);
-}
+}
diff --git a/web/app/components/base/markdown.tsx b/web/app/components/base/markdown.tsx
@@ -82,7 +82,6 @@ const useLazyLoad = (ref: RefObject<Element>): boolean => {
 }
 
 export function Markdown(props: { content: string; className?: string }) {
-  const [isCopied, setIsCopied] = useState(false)
   const [isSVG, setIsSVG] = useState(false)
   return (
     <div className={cn(props.className, 'markdown-body')}>
@@ -92,7 +91,7 @@ export function Markdown(props: { content: string; className?: string }) {
           RehypeKatex,
         ]}
         components={{
-          code({ node, inline, className, children, ...props }) {
+          code({ inline, className, children, ...props }) {
             const match = /language-(\w+)/.exec(className || '')
             const language = match?.[1]
             const languageShowName = getCorrectCapitalizationLanguageName(language || '')