diff options
Diffstat (limited to 'packages/web/src/components/share/content-diff.tsx')
| -rw-r--r-- | packages/web/src/components/share/content-diff.tsx | 20 |
1 files changed, 4 insertions, 16 deletions
diff --git a/packages/web/src/components/share/content-diff.tsx b/packages/web/src/components/share/content-diff.tsx index 79c2723cb..9ccd554d0 100644 --- a/packages/web/src/components/share/content-diff.tsx +++ b/packages/web/src/components/share/content-diff.tsx @@ -124,9 +124,7 @@ export function ContentDiff(props: Props) { // Collect consecutive modified/removed/added rows while ( i < currentRows.length && - (currentRows[i].type === "modified" || - currentRows[i].type === "removed" || - currentRows[i].type === "added") + (currentRows[i].type === "modified" || currentRows[i].type === "removed" || currentRows[i].type === "added") ) { const row = currentRows[i] if (row.left && (row.type === "removed" || row.type === "modified")) { @@ -164,16 +162,10 @@ export function ContentDiff(props: Props) { <div data-component="desktop"> {rows().map((r) => ( <div data-component="diff-row" data-type={r.type}> - <div - data-slot="before" - data-diff-type={r.type === "removed" || r.type === "modified" ? "removed" : ""} - > + <div data-slot="before" data-diff-type={r.type === "removed" || r.type === "modified" ? "removed" : ""}> <ContentCode code={r.left} flush lang={props.lang} /> </div> - <div - data-slot="after" - data-diff-type={r.type === "added" || r.type === "modified" ? "added" : ""} - > + <div data-slot="after" data-diff-type={r.type === "added" || r.type === "modified" ? "added" : ""}> <ContentCode code={r.right} lang={props.lang} flush /> </div> </div> @@ -184,11 +176,7 @@ export function ContentDiff(props: Props) { {mobileRows().map((block) => ( <div data-component="diff-block" data-type={block.type}> {block.lines.map((line) => ( - <div - data-diff-type={ - block.type === "removed" ? "removed" : block.type === "added" ? "added" : "" - } - > + <div data-diff-type={block.type === "removed" ? "removed" : block.type === "added" ? "added" : ""}> <ContentCode code={line} lang={props.lang} flush /> </div> ))} |