[ENG-8507] feat(preprint): add preprint warning banner (#295)

* feat(preprint): add preprint warning banner * feat(preprint): remove unused styles * feat(preprint): CR followup

Author: adlius

src/app/features/preprints/components/preprint-details/preprint-warning-banner/preprint-warning-banner.component.html

@@ -0,0 +1,3 @@
+<p-message styleClass="w-full" icon="fas fa-triangle-exclamation" severity="warn">
+ {{ 'preprints.details.warningBanner' | translate }}
+</p-message>

src/app/features/preprints/components/preprint-details/preprint-warning-banner/preprint-warning-banner.component.spec.ts

@@ -0,0 +1,36 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
+
+import { PreprintWarningBannerComponent } from './preprint-warning-banner.component';
+
+import { OSFTestingModule } from '@testing/osf.testing.module';
+
+describe('PreprintWarningBannerComponent', () => {
+ let component: PreprintWarningBannerComponent;
+ let fixture: ComponentFixture<PreprintWarningBannerComponent>;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [PreprintWarningBannerComponent, OSFTestingModule],
+ providers: [provideNoopAnimations()],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(PreprintWarningBannerComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+
+ it('should show correct icon and text', () => {
+ const banner: HTMLElement = fixture.nativeElement;
+ const icon = banner.querySelector('i');
+ const text = banner.querySelector('span');
+ expect(icon).toBeDefined();
+ expect(text).toBeDefined();
+ expect(icon?.getAttribute('ng-reflect-ng-class')).toEqual('fas fa-triangle-exclamation');
+ expect(text?.textContent?.trim()).toEqual('preprints.details.warningBanner');
+ });
+});

src/app/features/preprints/components/preprint-details/preprint-warning-banner/preprint-warning-banner.component.ts

@@ -0,0 +1,15 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Message } from 'primeng/message';
+
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+ selector: 'osf-preprint-warning-banner',
+ imports: [TranslatePipe, Message],
+ templateUrl: './preprint-warning-banner.component.html',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class PreprintWarningBannerComponent {
+ //
+}

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

@@ -68,6 +68,9 @@ <h1>{{ preprint()!.title }}</h1>
  </section>
 
  <section class="flex-1 flex flex-column gap-2 bg-white py-2 px-3 md:px-4">
+ @if (isOsfPreprint()) {
+ <osf-preprint-warning-banner />
+ }
  @if (moderationStatusBannerVisible()) {
  <osf-moderation-status-banner
  [provider]="preprintProvider()!"

src/app/features/preprints/pages/preprint-details/preprint-details.component.spec.ts

@@ -69,4 +69,8 @@ describe.skip('PreprintDetailsComponent', () => {
  it('should create', () => {
  expect(component).toBeTruthy();
  });
+
+ it('isOsfPreprint should be true if providerId === osf', () => {
+ expect(component.isOsfPreprint()).toBeTruthy();
+ });
 });

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

@@ -50,6 +50,8 @@ import { ReviewPermissions, UserPermissions } from '@shared/enums';
 import { MetaTagsService } from '@shared/services';
 import { ContributorsSelectors } from '@shared/stores';
 
+import { PreprintWarningBannerComponent } from '../../components/preprint-details/preprint-warning-banner/preprint-warning-banner.component';
+
 import { environment } from 'src/environments/environment';
 
 @Component({
@@ -64,6 +66,7 @@ import { environment } from 'src/environments/environment';
  StatusBannerComponent,
  TranslatePipe,
  PreprintTombstoneComponent,
+ PreprintWarningBannerComponent,
  ModerationStatusBannerComponent,
  MakeDecisionComponent,
  ],
@@ -235,6 +238,10 @@ export class PreprintDetailsComponent implements OnInit, OnDestroy {
  );
  });
 
+ isOsfPreprint = computed(() => {
+ return this.providerId() === 'osf';
+ });
+
  moderationStatusBannerVisible = computed(() => {
  return (
  this.moderationMode() &&

src/assets/i18n/en.json

@@ -2093,6 +2093,7 @@
  "moderatorFeedback": "Moderator Feedback",
  "showModeratorFeedback": "Show moderator feedback"
  },
+ "warningBanner": "OSF preprints are not peer reviewed and acceptance into OSF preprints is not an indicator of scholarly merit.",
  "withdrawDialog": {
  "title": "Withdraw {{preprintWord}}",
  "withdrawalExplanation": "You are about to withdraw this version of your {{singularPreprintWord}}. Withdrawing a version will remove it from public view but will not affect other versions of this {{singularPreprintWord}}, if available.",