feat: add copy button to code (#3719)

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);
-}
+}

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 || '')