From 9d26a1ce3a2d45818f899401b86f4fefa4719fd1 Mon Sep 17 00:00:00 2001
From: Steffo <41108856+SteffoSpieler@users.noreply.github.com>
Date: Wed, 7 Feb 2024 16:34:50 +0100
Subject: [PATCH] Allow deletion of event reports (#462)

* feat: Allow event reports to get deleted
* chore: Change german translation of reports name to be more fitting
---
 src/components/EventReports.jsx | 20 +++++++++++++++++++-
 src/i18n/de.js                  |  9 ++++++++-
 src/i18n/en.js                  |  7 +++++++
 3 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/EventReports.jsx b/src/components/EventReports.jsx
index ffece71..0f0810d 100644
--- a/src/components/EventReports.jsx
+++ b/src/components/EventReports.jsx
@@ -2,6 +2,7 @@ import React from "react";
 import {
   Datagrid,
   DateField,
+  DeleteButton,
   List,
   NumberField,
   Pagination,
@@ -10,6 +11,8 @@ import {
   Tab,
   TabbedShowLayout,
   TextField,
+  TopToolbar,
+  useRecordContext,
   useTranslate,
 } from "react-admin";
 import PageviewIcon from "@mui/icons-material/Pageview";
@@ -32,7 +35,7 @@ const ReportPagination = () => (
 export const ReportShow = props => {
   const translate = useTranslate();
   return (
-    <Show {...props}>
+    <Show {...props} actions={<ReportShowActions />}>
       <TabbedShowLayout>
         <Tab
           label={translate("synapseadmin.reports.tabs.basic", {
@@ -99,6 +102,21 @@ export const ReportShow = props => {
   );
 };
 
+const ReportShowActions = () => {
+  const record = useRecordContext();
+
+  return (
+    <TopToolbar>
+      <DeleteButton
+        record={record}
+        mutationMode="pessimistic"
+        confirmTitle="resources.reports.action.erase.title"
+        confirmContent="resources.reports.action.erase.content"
+      />
+    </TopToolbar>
+  );
+};
+
 export const ReportList = props => (
   <List
     {...props}
diff --git a/src/i18n/de.js b/src/i18n/de.js
index 0b77fd2..8ba31d3 100644
--- a/src/i18n/de.js
+++ b/src/i18n/de.js
@@ -188,7 +188,7 @@ const de = {
       },
     },
     reports: {
-      name: "Ereignisbericht |||| Ereignisberichte",
+      name: "Gemeldetes Ereignis |||| Gemeldete Ereignisse",
       fields: {
         id: "ID",
         received_ts: "Meldezeit",
@@ -210,6 +210,13 @@ const de = {
           },
         },
       },
+      action: {
+        erase: {
+          title: "Gemeldetes Event löschen",
+          content:
+            "Sind Sie sicher dass Sie das gemeldete Event löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+        },
+      },
     },
     connections: {
       name: "Verbindungen",
diff --git a/src/i18n/en.js b/src/i18n/en.js
index 6bdb033..9586508 100644
--- a/src/i18n/en.js
+++ b/src/i18n/en.js
@@ -207,6 +207,13 @@ const en = {
           },
         },
       },
+      action: {
+        erase: {
+          title: "Delete reported event",
+          content:
+            "Are you sure you want to delete the reported event? This cannot be undone.",
+        },
+      },
     },
     connections: {
       name: "Connections",