fix(info-icon): updated info icon translate

src/app/features/collections/components/add-to-collection/project-contributors-step/project-contributors-step.component.html

@@ -10,7 +10,7 @@
  <div class="flex align-items-baseline gap-1">
  <h3>{{ 'collections.addToCollection.projectContributors' | translate }}</h3>
  <osf-info-icon
- [tooltipText]="'collections.addToCollection.contributorsTooltip' | translate"
+ [tooltipText]="'collections.addToCollection.contributorsTooltip'"
  tooltipPosition="bottom"
  ></osf-info-icon>
  </div>

src/app/features/files/components/file-revisions/file-revisions.component.html

@@ -23,7 +23,7 @@ <h2>{{ 'files.detail.revisions.title' | translate }}</h2>
  ></osf-copy-button>
 
  <osf-info-icon
- [tooltipText]="'files.detail.revisions.tooltips.md5' | translate"
+ [tooltipText]="'files.detail.revisions.tooltips.md5'"
  tooltipPosition="left"
  ></osf-info-icon>
  </li>
@@ -36,7 +36,7 @@ <h2>{{ 'files.detail.revisions.title' | translate }}</h2>
  ></osf-copy-button>
 
  <osf-info-icon
- [tooltipText]="'files.detail.revisions.tooltips.sha2' | translate"
+ [tooltipText]="'files.detail.revisions.tooltips.sha2'"
  tooltipPosition="left"
  ></osf-info-icon>
  </li>

src/app/features/settings/notifications/notifications.component.html

@@ -76,7 +76,7 @@ <h2>{{ 'settings.notifications.emailPreferences.title' | translate }}</h2>
  <h2>{{ 'settings.notifications.notificationPreferences.title' | translate }}</h2>
 
  <osf-info-icon
- [tooltipText]="'settings.notifications.notificationPreferences.tooltipText' | translate"
+ [tooltipText]="'settings.notifications.notificationPreferences.tooltipText'"
  tooltipPosition="bottom"
  ></osf-info-icon>
  </div>

src/app/shared/components/info-icon/info-icon.component.html

@@ -1,5 +1,5 @@
 <i
  class="fas fa-info-circle blue-icon cursor-pointer"
- [pTooltip]="tooltipText()"
+ [pTooltip]="tooltipText() | translate"
  [tooltipPosition]="tooltipPosition()"
 ></i>

src/app/shared/components/info-icon/info-icon.component.spec.ts

@@ -1,3 +1,6 @@
+import { TranslatePipe } from '@ngx-translate/core';
+import { MockPipe } from 'ng-mocks';
+
 import { ComponentRef } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
@@ -13,7 +16,7 @@ describe('InfoIconComponent', () => {
 
  beforeEach(async () => {
  await TestBed.configureTestingModule({
- imports: [InfoIconComponent],
+ imports: [InfoIconComponent, MockPipe(TranslatePipe)],
  }).compileComponents();
 
  fixture = TestBed.createComponent(InfoIconComponent);

src/app/shared/components/info-icon/info-icon.component.ts

@@ -1,3 +1,5 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
 import { Tooltip } from 'primeng/tooltip';
 
 import { ChangeDetectionStrategy, Component, input } from '@angular/core';
@@ -6,7 +8,7 @@ import { TooltipPosition } from '@osf/shared/models';
 
 @Component({
  selector: 'osf-info-icon',
- imports: [Tooltip],
+ imports: [Tooltip, TranslatePipe],
  templateUrl: './info-icon.component.html',
  styleUrl: './info-icon.component.scss',
  changeDetection: ChangeDetectionStrategy.OnPush,