From 3a480f150646801d064133876e7371b5c300b7f1 Mon Sep 17 00:00:00 2001
From: bosiraphael <71827178+bosiraphael@users.noreply.github.com>
Date: Tue, 30 Jan 2024 13:38:34 +0100
Subject: [PATCH] fix-right-drawer-bounces-when-opening-a-different-thread
 (#3691)

* fix-right-drawer-bounces-when-opening-a-different-thread

* fix
---
 .../right-drawer/components/RightDrawer.tsx   | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
index 6266ad045..2ec927823 100644
--- a/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx
@@ -83,14 +83,23 @@ export const RightDrawer = () => {
     return <></>;
   }
 
+  const variants = {
+    fullScreen: {
+      width: '100%',
+    },
+    normal: {
+      width: rightDrawerWidth,
+    },
+    closed: {
+      width: 0,
+    },
+  };
+
   return (
     <StyledContainer
-      initial={{
-        width: 0,
-      }}
-      animate={{
-        width: rightDrawerWidth,
-      }}
+      initial="closed"
+      animate={isRightDrawerOpen ? 'normal' : 'closed'}
+      variants={variants}
       transition={{
         duration: theme.animation.duration.normal,
       }}