feat: add copy button to code (#3719)

This commit is contained in:
crazywoola 2024-04-24 09:34:51 +08:00 committed by GitHub
parent 7d9c5586f9
commit a23a191615
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions

View File

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

View File

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