From 681dae4f9c9e621cfb76285d716dbcceca1bbe2d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Roig?= <clm.roig@gmail.com>
Date: Wed, 19 Oct 2022 17:35:43 +0200
Subject: [PATCH] fix(dnd): allow drag n drop only if using the handler

---
 cypress/e2e/manage-trackers/actions.cy.ts  | 1 +
 src/components/TrackerCard/TrackerCard.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/cypress/e2e/manage-trackers/actions.cy.ts b/cypress/e2e/manage-trackers/actions.cy.ts
index 33cb7fde..5b31499c 100644
--- a/cypress/e2e/manage-trackers/actions.cy.ts
+++ b/cypress/e2e/manage-trackers/actions.cy.ts
@@ -47,6 +47,7 @@ context('Manage trackers', () => {
       cy.get('#notistack-snackbar').should('contain.text', 'Tracker archivé');
       cy.get('[data-testid="CloseIcon"]').click();
       cy.get('.MuiListSubheader-root').contains('ARCHIVÉS');
+      cy.wait(800); // Wait for the animation to end
     });
 
     it('deletes one tracker', () => {
diff --git a/src/components/TrackerCard/TrackerCard.tsx b/src/components/TrackerCard/TrackerCard.tsx
index 9e66a17c..765f9e77 100644
--- a/src/components/TrackerCard/TrackerCard.tsx
+++ b/src/components/TrackerCard/TrackerCard.tsx
@@ -61,7 +61,9 @@ const TrackerCard: FC<Props> = ({ tracker, ...cardProps }) => {
       exit="exit"
       style={{ boxShadow, y }}
       variants={cardAnimations}
-      transition={{ duration: 0.6 }}>
+      dragListener={false}
+      dragControls={dragControls}
+      transition={{ duration: 0.4 }}>
       <Card
         style={{ background: tracker.color }}
         {...cardProps}