From 7b5e03ac7e578422b1616c4356068d9072eca16e Mon Sep 17 00:00:00 2001
From: Camille Moussu <cmoussu@linagora.com>
Date: Thu, 11 Sep 2025 15:37:32 +0200
Subject: [PATCH] [#72] show event duplicator in the event preview

---
 __test__/components/DuplicateEvent.test.tsx | 8 +++++---
 src/features/Events/EventDisplay.tsx        | 1 -
 src/features/Events/EventDisplayPreview.tsx | 2 ++
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/__test__/components/DuplicateEvent.test.tsx b/__test__/components/DuplicateEvent.test.tsx
index 820819a..32fff1a 100644
--- a/__test__/components/DuplicateEvent.test.tsx
+++ b/__test__/components/DuplicateEvent.test.tsx
@@ -3,6 +3,7 @@ import EventDuplication from "../../src/components/Event/EventDuplicate";
 import EventDisplayModal from "../../src/features/Events/EventDisplay";
 import EventPopover from "../../src/features/Events/EventModal";
 import { renderWithProviders } from "../utils/Renderwithproviders";
+import EventPreviewModal from "../../src/features/Events/EventDisplayPreview";
 
 const day = new Date();
 const preloadedState = {
@@ -153,11 +154,12 @@ describe("EventPopover", () => {
 describe("EventDisplayModal", () => {
   it("shows duplication button and opens duplication form", () => {
     renderWithProviders(
-      <EventDisplayModal
+      <EventPreviewModal
         eventId="event1"
         calId="667037022b752d0026472254/cal1"
         open={true}
         onClose={jest.fn()}
+        anchorPosition={{ top: 0, left: 0 }}
       />,
       preloadedState
     );
@@ -165,10 +167,10 @@ describe("EventDisplayModal", () => {
     fireEvent.click(screen.getByTestId("AddToPhotosIcon"));
     expect(screen.getByText(/Duplicate Event/i)).toBeInTheDocument();
     expect(
-      screen.getAllByDisplayValue(
+      screen.getByDisplayValue(
         preloadedState.calendars.list["667037022b752d0026472254/cal1"].events
           .event1.title
       )
-    ).toHaveLength(2);
+    ).toBeInTheDocument();
   });
 });
diff --git a/src/features/Events/EventDisplay.tsx b/src/features/Events/EventDisplay.tsx
index b28dd93..1aa235f 100644
--- a/src/features/Events/EventDisplay.tsx
+++ b/src/features/Events/EventDisplay.tsx
@@ -244,7 +244,6 @@ export default function EventDisplayModal({
         <Card sx={{ p: 2, position: "absolute" }}>
           {/* Close button */}
           <Box sx={{ position: "absolute", top: 8, right: 8 }}>
-            <EventDuplication event={event} onClose={onClose} />
             <IconButton
               size="small"
               onClick={() => onClose({}, "backdropClick")}
diff --git a/src/features/Events/EventDisplayPreview.tsx b/src/features/Events/EventDisplayPreview.tsx
index a37e48c..7a58bb0 100644
--- a/src/features/Events/EventDisplayPreview.tsx
+++ b/src/features/Events/EventDisplayPreview.tsx
@@ -39,6 +39,7 @@ import EventDisplayModal, {
 } from "./EventDisplay";
 import { getEvent } from "./EventApi";
 import { CalendarEvent } from "./EventsTypes";
+import EventDuplication from "../../components/Event/EventDuplicate";
 
 export default function EventPreviewModal({
   eventId,
@@ -122,6 +123,7 @@ export default function EventPreviewModal({
               gap: 1,
             }}
           >
+            <EventDuplication event={event} onClose={onClose} />
             {mailSpaUrl && attendees.length > 0 && (
               <IconButton
                 size="small"