Merge remote-tracking branch 'origin/dev' into dev

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>
             ))}