jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 05:21:17 -04:00
Code Issues Activity

properly merge multiple class names

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-20 10:38:18 -05:00
parent 0462428a54
commit 2162e9d563
10 changed files with 47 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/CodeBlock/CodeBlock.tsx
View File

@@ -1,3 +1,4 @@
import classNames from "classnames";
import CopyButton from "../CopyButton/CopyButton";
import type { ReactNode } from "react";
@@ -13,15 +14,15 @@ const CodeBlock = (props: Props) => {
// full multi-line code blocks with prism highlighting and copy-to-clipboard button
return (
<div className={styles.block}>
<CopyButton source={props.children} />
<code {...props} className={`${styles.code} ${props.className}`}>
<CopyButton source={props.children} className={styles.copy_btn} />
<code {...props} className={classNames(styles.code, props.className)}>
{props.children}
</code>
</div>
);
} else {
// inline code in paragraphs, headings, etc. (not highlighted)
return <code className={`${styles.code} ${styles.inline}`}>{props.children}</code>;
return <code className={classNames(styles.code, styles.inline)}>{props.children}</code>;
}
};