mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-28 08:27:03 +02:00
refactor(v2): clean up code blocks (#3654)
This commit is contained in:
parent
f085560b66
commit
cf99862d29
1 changed files with 5 additions and 6 deletions
|
@ -7,7 +7,7 @@
|
|||
|
||||
import React, {useEffect, useState, useRef} from 'react';
|
||||
import clsx from 'clsx';
|
||||
import Highlight, {defaultProps} from 'prism-react-renderer';
|
||||
import Highlight, {defaultProps, Language} from 'prism-react-renderer';
|
||||
import copy from 'copy-text-to-clipboard';
|
||||
import rangeParser from 'parse-numeric-range';
|
||||
import usePrismTheme from '@theme/hooks/usePrismTheme';
|
||||
|
@ -131,7 +131,9 @@ export default ({
|
|||
}
|
||||
|
||||
let language =
|
||||
languageClassName && languageClassName.replace(/language-/, '');
|
||||
languageClassName &&
|
||||
// Force Prism's language union type to `any` because it does not contain all available languages
|
||||
((languageClassName.replace(/language-/, '') as Language) as any);
|
||||
|
||||
if (!language && prism.defaultLanguage) {
|
||||
language = prism.defaultLanguage;
|
||||
|
@ -197,7 +199,6 @@ export default ({
|
|||
key={String(mounted)}
|
||||
theme={prismTheme}
|
||||
code={code}
|
||||
// @ts-expect-error: prism-react-renderer doesn't export Language type
|
||||
language={language}>
|
||||
{({className, style, tokens, getLineProps, getTokenProps}) => (
|
||||
<>
|
||||
|
@ -240,9 +241,7 @@ export default ({
|
|||
ref={button}
|
||||
type="button"
|
||||
aria-label="Copy code to clipboard"
|
||||
className={clsx(styles.copyButton, {
|
||||
[styles.copyButtonWithTitle]: codeBlockTitle,
|
||||
})}
|
||||
className={clsx(styles.copyButton)}
|
||||
onClick={handleCopyCode}>
|
||||
{showCopied ? 'Copied' : 'Copy'}
|
||||
</button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue