🐛 Fix risk filter in reports tab (#1854) (#1879)

Solves [MTA-2652](https://issues.redhat.com/browse/MTA-2652)


[39263239-0a8e-4e33-85e2-3178fde2b0d9.webm](https://github.com/konveyor/tackle2-ui/assets/117646518/a499d388-a9a3-4780-a497-f21fb1ba85a9)

Signed-off-by: Alejandro Brugarolas <abrugaro@redhat.com>
Co-authored-by: Ian Bolton <ibolton@redhat.com>
Co-authored-by: Scott Dickerson <sdickers@redhat.com>
Signed-off-by: Cherry Picker <noreply@github.com>

client/src/app/pages/reports/components/identified-risks-table/identified-risks-table.tsx

@@ -51,6 +51,13 @@ export const IdentifiedRisksTable: React.FC<IIdentifiedRisksTableProps> = ({
 }) => {
  const { t } = useTranslation();
 
+ const riskLevelLabelMapping = {
+ red: t("risks.high"),
+ yellow: t("risks.medium"),
+ green: t("risks.low"),
+ unknown: t("risks.unknown"),
+ };
+
  const { assessmentsWithArchetypeApplications } =
  useFetchAssessmentsWithArchetypeApplications();
 
@@ -242,15 +249,14 @@ export const IdentifiedRisksTable: React.FC<IIdentifiedRisksTableProps> = ({
  getItemValue: (item: ITableRowData) => {
  const riskKey = item.answer.risk;
  const riskValue =
- riskLevelMapping[riskKey as keyof typeof riskLevelMapping];
+ riskLevelLabelMapping[
+ riskKey as keyof typeof riskLevelLabelMapping
+ ];
  return riskValue.toString();
  },
- selectOptions: [
- { value: "3", label: "High" },
- { value: "2", label: "Medium" },
- { value: "1", label: "Low" },
- { value: "0", label: "Unknown" },
- ],
+ selectOptions: Object.values(riskLevelLabelMapping).map((riskName) => {
+ return { value: riskName, label: riskName };
+ }),
  },
  ],
  initialItemsPerPage: 10,