VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(fs.shared): Add copy-to-clipboard. Closes #1519

Browse source
This commit is contained in:
Joost De Cock 2022-01-16 18:47:47 +01:00
parent ab96362d97
commit f5877d9abe
5 changed files with 49 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
packages/freesewing.shared/components/mdx/highlight.js
View file

@ -1,3 +1,5 @@
import CopyToClipboard from 'shared/components/copy-to-clipboard'
const names = {
js: 'javascript',
bash: 'bash',
@ -5,16 +7,21 @@ const names = {
}
const Highlight = (props) => {
const {
children=[],
className='language-js',
} = props
const { children=[], className='language-js' } = props
const language = props.children.props.className.split('-').pop()
return (
<div className="hljs my-4">
<div className={`text-xs uppercase font-bold text-neutral-content mt-1 text-center border-b border-neutral-content border-opacity-25 py-1 mb-2 lg:text-sm`}>
{names[language] ? names[language] : language}
<div className={`
flex flex-row justify-between
text-xs uppercase font-bold text-neutral-content
mt-1 border-b border-neutral-content border-opacity-25
py-1 mb-2 lg:text-sm
`}>
<span>&nbsp;</span>
<span>{names[language] ? names[language] : language}</span>
<CopyToClipboard content={children} />
</div>
<pre className={`language-${language} hljs text-base lg:text-lg whitespace-pre-wrap break-words`}>
{children}