Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: single backtick rendering as a codeblock in casestudies #2208

Merged
merged 8 commits into from
Dec 7, 2023
Merged

fix: single backtick rendering as a codeblock in casestudies #2208

Changes from 2 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
60bdae3
fix: single backtick rendering as a codeblock
karthikmurakonda Oct 5, 2023
930f71a
Merge branch 'asyncapi:master' into master
karthikmurakonda Oct 5, 2023
738341b
fix: single backtick rendering as a codeblock
karthikmurakonda Oct 5, 2023
11319e2
Removed type check for children in pre
karthikmurakonda Oct 6, 2023
fc8fc83
Merge branch 'master' into master
akshatnema Oct 20, 2023
b7889e8
Merge branch 'master' into master
derberg Oct 31, 2023
16fa41f
Merge branch 'master' into master
akshatnema Oct 31, 2023
08ed137
Merge branch 'master' into master
akshatnema Dec 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 7 additions & 4 deletions components/MDX.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,9 +60,8 @@ export function getMDXComponents() {
th: props => <th {...props} className={`${props.className || ''} px-6 py-3 border-b border-gray-200 bg-gray-100 text-left text-xs leading-4 font-medium font-body text-gray-900 uppercase tracking-wider`} />,
tr: props => <tr {...props} className={`${props.className || ''} bg-white`} />,
td: props => <td {...props} className={`${props.className || ''} px-6 py-4 border-b border-gray-200 text-sm leading-5 text-gray-700 tracking-tight`} />,
pre: props => <div {...props} className={`${props.className || ''} my-8`} />,
inlineCode: props => <code {...props} className={`${props.className || ''} px-1 py-0.5 bg-gray-200 text-gray-800 rounded font-mono text-sm`} />,
code: CodeComponent,
karthikmurakonda marked this conversation as resolved.
Show resolved Hide resolved
pre: CodeComponent,
code: props => <code {...props} className={`${props.className || ''} px-1 py-0.5 bg-gray-200 text-gray-800 rounded font-mono text-sm`} />,
hr: props => <hr {...props} className={`${props.className || ''} my-8`} />,
CodeBlock,
ChapterSuggestions,
Expand Down Expand Up @@ -92,7 +91,11 @@ export function getMDXComponents() {
}
}

function CodeComponent({ children, className = '', metastring = '', ...rest }) {
function CodeComponent({ children, className, ...rest }) {
if (!children || !children.props || !children.type || children.type.name !== 'code') return <pre {...rest} className={`${className || ''} my-8`} />
let metastring = children.props.metastring || ''
className= children.props.className || ''
children = children.props.children
let caption
const meta = metastring.split(/([\w]+=[\w\d\s\-_:><.]+)/) || []
meta.forEach(str => {
Expand Down
Loading