luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade dependecies

Browse Source
This commit is contained in:
Thomas Nordquist
2019-04-07 20:01:04 +02:00
parent 8571d97182
commit 16c72fa9be
7 changed files with 418 additions and 442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Sidebar/CodeDiff.tsx
View File

@@ -60,7 +60,7 @@ class CodeDiff extends React.Component<Props, {}> {
public render() {
const changes = diff.diffLines(this.props.previous, this.props.current)
const styledLines = Prism.highlight(this.props.current, Prism.languages.json).split('\n')
const styledLines = Prism.highlight(this.props.current, Prism.languages.json, 'json').split('\n')
let lineNumber = 0
const code = changes.map((change, key) => {
@@ -68,8 +68,8 @@ class CodeDiff extends React.Component<Props, {}> {
const changedLines = change.count || 0
if (hasStyledCode && this.props.language === 'json') {
const currentLines = styledLines.slice(lineNumber, lineNumber + changedLines)
const lines = currentLines.map((l, idx) => {
return <div key={`${key}-${idx}`} className={this.props.classes.line}><span className={this.cssClassForChange(change)} dangerouslySetInnerHTML={{ __html: l }} /></div>
const lines = currentLines.map((html: string, idx: number) => {
return <div key={`${key}-${idx}`} className={this.props.classes.line}><span className={this.cssClassForChange(change)} dangerouslySetInnerHTML={{ __html: html }} /></div>
})
lineNumber += changedLines