fix-right-drawer-bounces-when-opening-a-different-thread (#3691)

* fix-right-drawer-bounces-when-opening-a-different-thread * fix
2024-01-30 13:38:34 +01:00
parent 0bfc63161b
commit 3a480f1506
1 changed files with 15 additions and 6 deletions
--- 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,
      }}