fix(preprint-details): updated order

Author: nsemets

src/app/features/preprints/components/preprint-details/general-information/general-information.component.html

@@ -24,27 +24,7 @@ <h3>{{ 'preprints.preprintStepper.common.labels.abstract' | translate }}</h3>
         <osf-affiliated-institutions-view [institutions]="affiliatedInstitutions()" />
       }
 
-      @if (preprintValue.nodeId) {
-        <section class="flex flex-column gap-2">
-          <h3>{{ 'preprints.details.supplementalMaterials' | translate }}</h3>
-          <a class="font-bold flex gap-1" [href]="nodeLink()">
-            {{ nodeLink() }}
-            <osf-icon iconClass="fa fa-external-link-alt" />
-          </a>
-        </section>
-      }
-
       @if (preprintProvider()?.assertionsEnabled) {
-        <section class="flex flex-column gap-2">
-          <h3>{{ 'preprints.preprintStepper.review.sections.authorAssertions.conflictOfInterest' | translate }}</h3>
-
-          @if (preprintValue.hasCoi) {
-            {{ preprintValue.coiStatement }}
-          } @else {
-            <p>{{ 'preprints.preprintStepper.review.sections.authorAssertions.noCoi' | translate }}</p>
-          }
-        </section>
-
         <section class="flex flex-column gap-2">
           <h3>{{ 'preprints.preprintStepper.review.sections.authorAssertions.publicData' | translate }}</h3>
 
@@ -105,6 +85,28 @@ <h3>
         </section>
       }
 
+      @if (preprintValue.nodeId) {
+        <section class="flex flex-column gap-2">
+          <h3>{{ 'preprints.details.supplementalMaterials' | translate }}</h3>
+          <a class="font-bold flex gap-1" [href]="nodeLink()">
+            {{ nodeLink() }}
+            <osf-icon iconClass="fa fa-external-link-alt" />
+          </a>
+        </section>
+      }
+
+      @if (preprintProvider()?.assertionsEnabled) {
+        <section class="flex flex-column gap-2">
+          <h3>{{ 'preprints.preprintStepper.review.sections.authorAssertions.conflictOfInterest' | translate }}</h3>
+
+          @if (preprintValue.hasCoi) {
+            {{ preprintValue.coiStatement }}
+          } @else {
+            <p>{{ 'preprints.preprintStepper.review.sections.authorAssertions.noCoi' | translate }}</p>
+          }
+        </section>
+      }
+
       <osf-preprint-doi-section
         [preprintProvider]="preprintProvider()"
         (preprintVersionSelected)="preprintVersionSelected.emit($event)"

src/app/features/preprints/components/preprint-details/general-information/general-information.component.ts

@@ -9,7 +9,6 @@ import { ChangeDetectionStrategy, Component, computed, effect, inject, input, On
 import { FormsModule } from '@angular/forms';
 
 import { ENVIRONMENT } from '@core/provider/environment.provider';
-import { PreprintDoiSectionComponent } from '@osf/features/preprints/components/preprint-details/preprint-doi-section/preprint-doi-section.component';
 import { ApplicabilityStatus, PreregLinkInfo } from '@osf/features/preprints/enums';
 import { PreprintProviderDetails } from '@osf/features/preprints/models';
 import { FetchPreprintById, PreprintSelectors } from '@osf/features/preprints/store/preprint';
@@ -18,10 +17,17 @@ import {
   ContributorsListComponent,
   IconComponent,
   TruncatedTextComponent,
-} from '@shared/components';
-import { ResourceType } from '@shared/enums';
-import { ContributorsSelectors, GetAllContributors, ResetContributorsState } from '@shared/stores';
-import { FetchResourceInstitutions, InstitutionsSelectors } from '@shared/stores/institutions';
+} from '@osf/shared/components';
+import { ResourceType } from '@osf/shared/enums';
+import {
+  ContributorsSelectors,
+  FetchResourceInstitutions,
+  GetAllContributors,
+  InstitutionsSelectors,
+  ResetContributorsState,
+} from '@osf/shared/stores';
+
+import { PreprintDoiSectionComponent } from '../preprint-doi-section/preprint-doi-section.component';
 
 @Component({
   selector: 'osf-preprint-general-information',

src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html

@@ -1,4 +1,4 @@
-<section class="p-card p-card-body card gap-4 file-section-height">
+<section class="p-card p-card-body card gap-4 flex flex-1 file-section-height">
   @if (safeLink()) {
     <iframe
       [src]="safeLink()"

src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.scss

@@ -1,13 +1,10 @@
+:host {
+  display: flex;
+  flex: 1;
+}
+
 .file-section-height {
   min-height: 400px;
-
-  &.medium {
-    min-height: 700px;
-  }
-
-  &.large {
-    min-height: 1100px;
-  }
 }
 
 .card {

src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.ts

@@ -13,9 +13,9 @@ import { DomSanitizer } from '@angular/platform-browser';
 
 import { ProviderReviewsWorkflow } from '@osf/features/preprints/enums';
 import { PreprintSelectors } from '@osf/features/preprints/store/preprint';
+import { LoadingSpinnerComponent } from '@osf/shared/components';
 import { IS_LARGE, IS_MEDIUM } from '@osf/shared/helpers';
-import { LoadingSpinnerComponent } from '@shared/components';
-import { DataciteService } from '@shared/services/datacite/datacite.service';
+import { DataciteService } from '@osf/shared/services/datacite/datacite.service';
 
 @Component({
   selector: 'osf-preprint-file-section',

src/app/features/preprints/pages/preprint-details/preprint-details.component.html

@@ -103,7 +103,7 @@ <h1>{{ preprint()?.title }}</h1>
 
     @if (!preprint()?.dateWithdrawn) {
       <section class="flex-1 flex flex-column gap-4 align-items-start lg:flex-row">
-        <section class="w-12 lg:w-8">
+        <section class="flex flex-column flex-1 h-full w-12 lg:w-8">
           <osf-preprint-file-section [providerReviewsWorkflow]="preprintProvider()?.reviewsWorkflow || null" />
         </section>