Fix: translate filters related text

apps/web-mzima-client/src/app/shared/components/search-form/search-form.component.html

@@ -237,7 +237,7 @@
     [ngClass]="{ 'search-form__filters-panel--open': isFiltersVisible }"
   >
     <div class="search-form__filters-panel__head" *ngIf="!isDesktop">
-      <h3>Filters and sorting</h3>
+      <h3>{{ 'app.filters_and_sorting' | translate }}</h3>
       <mzima-client-button
         tabindex="-1"
         fill="outline"
@@ -322,10 +322,9 @@ <h3>Filters and sorting</h3>
           <mat-icon iconPrefix svgIcon="plus"></mat-icon>
           {{ 'global_filter.save_new_filter' | translate }}
         </mzima-client-button>
-        <span class="no-saved-filters" postfix *ngIf="savedSearches?.length === 0"
-          >No saved filters. Saved filter(s) will appear here for you to select once made
-          available.</span
-        >
+        <span class="no-saved-filters" postfix *ngIf="savedSearches?.length === 0">
+          {{ 'global_filter.no_saved_filters' | translate }}
+        </span>
       </app-filter-control>
 
       <app-filter-control

apps/web-mzima-client/src/assets/locales/en.json

@@ -114,6 +114,7 @@
     "close_and_view": "Close and view results",
     "show_more_less": "Show more/less",
     "filters": "Filters",
+    "filters_and_sorting": "Filters and sorting",
     "filter_by_survey": "Filter by survey",
     "configure": "Configure",
     "post": "Post",
@@ -602,6 +603,7 @@
     "source": "Source",
     "saved_filters": "Saved filters",
     "saved_filter": "Saved filter",
+    "no_saved_filters": "No saved filters. Saved filter(s) will appear here for you to select once made available.",
     "save_new_filter": "Save new filter",
     "clear_all_filters": "Clear all filters",
     "delete_this_saved_filter": "Are you sure you want to delete this saved filter?"