1
0
Fork 0

fix(components): Updated for react-markdown new major version

This commit is contained in:
Joost De Cock 2021-05-22 18:17:25 +02:00
parent 477ca7feea
commit 6010f26be2
2 changed files with 25 additions and 39 deletions

View file

@ -9,39 +9,32 @@ const Event = ({ type, event }) => {
const formatError = (err) => ( const formatError = (err) => (
<details> <details>
<summary> <summary>
<Markdown <Markdown className="react-markdown dense">
source={` {`
\`\`\`js \`\`\`js
${err.name}: ${err.message} ${err.name}: ${err.message}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown dense"
/>
</summary> </summary>
<Markdown <Markdown className="react-markdown">
source={`Error in \`${err.fileName}\` line \`${err.lineNumber}:${err.columnNumber}\``} {`Error in \`${err.fileName}\` line \`${err.lineNumber}:${err.columnNumber}\``}
className="react-markdown" </Markdown>
/> <Markdown className="react-markdown">
<Markdown ={`
source={`
\`\`\`js \`\`\`js
${err.stack} ${err.stack}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown"
/>
</details> </details>
) )
const formatObject = (obj) => ( const formatObject = (obj) => (
<Markdown <Markdown className="react-markdown">
source={` source={`
\`\`\`json \`\`\`json
${JSON.stringify(obj, null, 2)} ${JSON.stringify(obj, null, 2)}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown"
/>
) )
const formatEvent = (e, data = false) => { const formatEvent = (e, data = false) => {
@ -51,7 +44,7 @@ ${JSON.stringify(obj, null, 2)}
else if (Array.isArray(e)) { else if (Array.isArray(e)) {
for (const subevent of e) data.concat(formatEvent(subevent, data)) for (const subevent of e) data.concat(formatEvent(subevent, data))
} else data.push(formatObject(e)) } else data.push(formatObject(e))
} else data.push(<Markdown source={e} className="react-markdown" />) } else data.push(<Markdown className="react-markdown">{e}</Markdown>)
return data return data
} }

View file

@ -9,39 +9,32 @@ const Event = ({ type, event }) => {
const formatError = (err) => ( const formatError = (err) => (
<details> <details>
<summary> <summary>
<Markdown <Markdown className="react-markdown dense">
source={` {`
\`\`\`js \`\`\`js
${err.name}: ${err.message} ${err.name}: ${err.message}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown dense"
/>
</summary> </summary>
<Markdown <Markdown className="react-markdown">
source={`Error in \`${err.fileName}\` line \`${err.lineNumber}:${err.columnNumber}\``} {`Error in \`${err.fileName}\` line \`${err.lineNumber}:${err.columnNumber}\``}
className="react-markdown" </Markdown>
/> <Markdown className="react-markdown">
<Markdown {`
source={`
\`\`\`js \`\`\`js
${err.stack} ${err.stack}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown"
/>
</details> </details>
) )
const formatObject = (obj) => ( const formatObject = (obj) => (
<Markdown <Markdown className="react-markdown">
source={` {`
\`\`\`json \`\`\`json
${JSON.stringify(obj, null, 2)} ${JSON.stringify(obj, null, 2)}
\`\`\` \`\`\`
`} `}</Markdown>
className="react-markdown"
/>
) )
const formatEvent = (e, data = false) => { const formatEvent = (e, data = false) => {
@ -51,7 +44,7 @@ ${JSON.stringify(obj, null, 2)}
else if (Array.isArray(e)) { else if (Array.isArray(e)) {
for (const subevent of e) data.concat(formatEvent(subevent, data)) for (const subevent of e) data.concat(formatEvent(subevent, data))
} else data.push(formatObject(e)) } else data.push(formatObject(e))
} else data.push(<Markdown source={e} className="react-markdown" />) } else data.push(<Markdown className="react-markdown">{e}</Markdown>)
return data return data
} }