TACKLE-531: Spanish filters for report adoption candidate distributio…

…n and identified risks (#294) * Spanish: reports filters * fixup! Spanish: reports filters * fixup! fixup! Spanish: reports filters
konveyor · Jun 23, 2022 · 278e93e · 278e93e
1 parent 268e94f
commit 278e93e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 10 deletions.
diff --git a/...nt/src/app/pages/reports/components/adoption-candidate-table/adoption-candidate-table.tsx b/...nt/src/app/pages/reports/components/adoption-candidate-table/adoption-candidate-table.tsx
@@ -189,9 +189,12 @@ export const AdoptionCandidateTable: React.FunctionComponent<
   const filterCategories: FilterCategory<TableRowData>[] = [
     {
       key: "name",
-      title: "Name",
+      title: t("terms.name"),
       type: FilterType.search,
-      placeholderText: "Filter by name...",
+      placeholderText:
+        t("actions.filterBy", {
+          what: t("terms.name").toLowerCase(),
+        }) + "...",
       getItemValue: (item) => {
         return item?.application.name || "";
       },

diff --git a/...client/src/app/pages/reports/components/identified-risks-table/identified-risks-table.tsx b/...client/src/app/pages/reports/components/identified-risks-table/identified-risks-table.tsx
@@ -136,36 +136,48 @@ export const IdentifiedRisksTable: React.FC<
   const filterCategories: FilterCategory<ITableRowData>[] = [
     {
       key: "category",
-      title: "Category",
+      title: t("terms.category"),
       type: FilterType.search,
-      placeholderText: "Filter by category...",
+      placeholderText:
+        t("actions.filterBy", {
+          what: t("terms.category").toLowerCase(),
+        }) + "...",
       getItemValue: (item) => {
         return item?.category || "";
       },
     },
     {
       key: "question",
-      title: "Question",
+      title: t("terms.question"),
       type: FilterType.search,
-      placeholderText: "Filter by question...",
+      placeholderText:
+        t("actions.filterBy", {
+          what: t("terms.question").toLowerCase(),
+        }) + "...",
       getItemValue: (item) => {
         return item?.question || "";
       },
     },
     {
       key: "answer",
-      title: "Answer",
+      title: t("terms.answer"),
       type: FilterType.search,
-      placeholderText: "Filter by answer...",
+      placeholderText:
+        t("actions.filterBy", {
+          what: t("terms.answer").toLowerCase(),
+        }) + "...",
       getItemValue: (item) => {
         return item?.answer || "";
       },
     },
     {
       key: "applications",
-      title: "Name",
+      title: t("terms.name"),
       type: FilterType.search,
-      placeholderText: "Filter by name...",
+      placeholderText:
+        t("actions.filterBy", {
+          what: t("terms.name").toLowerCase(),
+        }) + "...",
       getItemValue: (item) => {
         const applicationNames = item?.applications.map((app) => app.name);
         return applicationNames?.join("") || "";