From 45d57c2ddf3a76a06987849fdcae9fcadc693543 Mon Sep 17 00:00:00 2001
From: Roman Barlos <rbarlos@yandex-team.ru>
Date: Fri, 22 Sep 2023 15:30:33 +0300
Subject: [PATCH] fix(Drawer): fix animation (#105)

---
 src/components/Drawer/Drawer.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Drawer/Drawer.tsx b/src/components/Drawer/Drawer.tsx
index a85e8bc..2368bdf 100644
--- a/src/components/Drawer/Drawer.tsx
+++ b/src/components/Drawer/Drawer.tsx
@@ -20,15 +20,17 @@ export interface DrawerItemProps {
 
 export const DrawerItem: React.FC<DrawerItemProps> = ({visible, content, direction, className}) => {
     const itemRef = React.useRef<HTMLDivElement>(null);
+    const cssDirection = direction === 'left' ? undefined : direction;
+
     return (
         <CSSTransition
             in={visible}
             timeout={TIMEOUT}
             unmountOnExit={true}
-            classNames={b('item-transition', {direction})}
+            classNames={b('item-transition', {direction: cssDirection})}
             nodeRef={itemRef}
         >
-            <div ref={itemRef} className={b('item', {direction}, className)}>
+            <div ref={itemRef} className={b('item', {direction: cssDirection}, className)}>
                 {content}
             </div>
         </CSSTransition>