fix(components): Updated for react-markdown new major version
This commit is contained in:
parent
477ca7feea
commit
6010f26be2
2 changed files with 25 additions and 39 deletions
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue