Yoreley/dec 27 (#2384)

* NEW KEYS - 2026

* Remove "New" tag from Displacement Search type

Author: yoreley777

src/app/components/results-menu/scenes-list-header/scenes-list-header.component.html

@@ -490,7 +490,7 @@
                         [matMenuTriggerData]="{
                           selected: (selectedEventProducts$ | async),
                         }"
-                        matTooltip="Copy ids/urls"
+                        matTooltip="{{ 'COPY_IDS_URLS' | translate }}"
                       >
                         <fa-icon class="list-icon" [icon]="copyIcon"></fa-icon>
                       </mat-button-toggle>

src/app/components/shared/selectors/dataset-selector/dataset-selector.component.html

@@ -37,9 +37,7 @@
                         dataset.id === 'SENTINEL-1' ||
                         dataset.id === 'SENTINEL-1 BURSTS'
                       ) {
-                        <span
-                          matTooltip="Available for On Demand Processing (HyP3)"
-                        >
+                        <span matTooltip="{{ 'HYP3_AVAILABLE' | translate }}">
                           <mat-icon class="hyp3-icon" svgIcon="hyp3"></mat-icon>
                         </span>
                       }
@@ -48,7 +46,7 @@
                       }
                       @if (dataset.id === 'NISAR') {
                         <span class="disclaimer">
-                          <em> (coming soon!) </em>
+                          <em> ({{ 'COMING_SOON' | translate }}) </em>
                         </span>
                       }
                       @if (dataset.subName) {

src/app/components/shared/selectors/mission-selector/mission-selector.component.html

@@ -3,7 +3,7 @@
     <input
       type="text"
       matInput
-      placeholder="Filter Campaign"
+      placeholder="{{ 'FILTER_CAMPAIGN' | translate }}"
       formControlName="missionFilter"
     />
   </mat-form-field>
@@ -24,7 +24,7 @@
           style="margin-right: 10px"
           class="clickable v-mid"
           mat-list-icon
-          matTooltip="Clear selected mission"
+          matTooltip="{{ 'CLEAR_SELECTED_MISSION' | translate }}"
           >{{ 'CLEAR' | translate }}</mat-icon
         >
       </div>

src/app/components/shared/selectors/sarviews-event-search-selector/sarviews-event-search-selector.component.html

@@ -17,7 +17,7 @@
   >
     @for (event of filteredEvents$ | async; track event) {
       <mat-option [value]="event.description">
-        <div matTooltip="event description, id, or type">
+        <div matTooltip="{{ 'EVENT_DESCRIPTION_ID_TYPE' | translate }}">
           @if (!!event.description) {
             <span>
               {{ event.description }}

src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html

@@ -48,11 +48,6 @@
                 <div class="fx-80 menu-item-content">
                   <div class="item-title">
                     {{ type.nameKey | translate }}
-                    @if (type.nameKey === 'DISPLACEMENT') {
-                      <span class="badge-new">{{
-                        'NEW' | translate | titlecase
-                      }}</span>
-                    }
                   </div>
                   <div
                     class="item-content"

src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss

@@ -232,22 +232,6 @@
   top: 3px;
 }
 
-.badge-new {
-  color: #236192;
-  font-style: italic;
-  font-size: 15px;
-  padding: 3px 8px;
-  border-radius: 12px;
-  font-weight: bold;
-  animation: fadeInUp 1.5s ease-out forwards;
-  position: absolute;
-  margin-left: 3px;
-  margin-top: -2px;
-  text-shadow: 0.3px 0.3px 1.5px rgba(35, 97, 146, 0.2);
-  filter: brightness(1.05);
-}
-
-
 @keyframes fadeInUp {
   0% {
     opacity: 0;

src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts

@@ -21,7 +21,7 @@ import * as models from '@models';
 import { EnvironmentService, ScreenSizeService } from '@services';
 import { AnalyticsEvent, Breakpoints, derivedDatasets } from '@models';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { NgClass, AsyncPipe, TitleCasePipe } from '@angular/common';
+import { NgClass, AsyncPipe } from '@angular/common';
 import { MatLabel, MatSuffix } from '@angular/material/input';
 import { MatButton } from '@angular/material/button';
 import { MatTooltip } from '@angular/material/tooltip';
@@ -52,7 +52,6 @@ declare global {
     MatSuffix,
     MatCardActions,
     AsyncPipe,
-    TitleCasePipe,
     TranslateModule,
   ],
 })

src/app/components/sidebar/saved-searches/saved-search/saved-search.component.html

@@ -90,8 +90,8 @@
       <div
         [matTooltip]="
           search.searchType === searchType
-            ? 'Update Saved Search With Current Filters'
-            : 'Current Search Wrong Type'
+            ? ('UPDATE_SAVED_SEARCH' | translate)
+            : ('SEARCH_TYPE_MISMATCH' | translate)
         "
       >
         <button