display paragraphs in proper order (#1923)

* display paragraphs in proper order * fix
nuclia · Jan 22, 2025 · 789dc28 · 789dc28
1 parent f89146b
commit 789dc28
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/libs/common/src/lib/resources/edit-resource/preview/preview.component.html b/libs/common/src/lib/resources/edit-resource/preview/preview.component.html
@@ -92,6 +92,7 @@
 
         @for (paragraph of filteredParagraphs | async; track paragraph.paragraphId + paragraph.key) {
           <div class="paragraph-container">
+            {{ paragraph.start }}
             @if (paragraph.url) {
               <p>
                 <img

diff --git a/libs/common/src/lib/resources/edit-resource/preview/preview.component.ts b/libs/common/src/lib/resources/edit-resource/preview/preview.component.ts
@@ -130,6 +130,7 @@ export class PreviewComponent implements OnInit, OnDestroy {
     this.editResourceService.currentFieldData,
   ]).pipe(
     map(([paragraphs, fieldType, fieldData]) => {
+      paragraphs = paragraphs.sort((a, b) => (a.start || 0) - (b.start || 0));
       if (fieldType.field_type !== FIELD_TYPE.file) {
         return paragraphs;
       } else {