From 34d3d166415aa0037d87baa91e26348c873ee96a Mon Sep 17 00:00:00 2001
From: Maxime-J <Maxime-J@users.noreply.github.com>
Date: Fri, 1 Sep 2023 12:25:13 +0000
Subject: [PATCH] display localized type in reports table

---
 src/components/pages/reports/ReportsTable.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/pages/reports/ReportsTable.js b/src/components/pages/reports/ReportsTable.js
index 4073fbec..52488c11 100644
--- a/src/components/pages/reports/ReportsTable.js
+++ b/src/components/pages/reports/ReportsTable.js
@@ -5,6 +5,7 @@ import { useMessages } from 'components/hooks';
 import useUser from 'components/hooks/useUser';
 import { useState } from 'react';
 import { Button, Flexbox, Icon, Icons, Modal, Text } from 'react-basics';
+import { REPORT_TYPES } from 'lib/constants';
 
 export function ReportsTable({
   data = [],
@@ -34,6 +35,15 @@ export function ReportsTable({
     { name: 'action', label: ' ' },
   ];
 
+  const cellRender = (row, data, key) => {
+    if (key === 'type') {
+      return formatMessage(
+        labels[Object.keys(REPORT_TYPES).find(key => REPORT_TYPES[key] === row.type)],
+      );
+    }
+    return data[key];
+  };
+
   const handleConfirm = () => {
     onDelete(report.id);
   };
@@ -42,6 +52,7 @@ export function ReportsTable({
     <>
       <SettingsTable
         columns={columns}
+        cellRender={cellRender}
         data={data}
         showSearch={true}
         showPaging={true}