From 461e251c7be2cbd90915e08616b88c8872602691 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Wed, 27 Jul 2022 18:50:52 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BD=D0=B0=D1=87=D0=B0=D0=BB=D0=BE=20=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=BC=D0=B0=D1=86=D0=B8=D0=B8=20=D0=BF=D1=80=D0=B8?=
 =?UTF-8?q?=20=D1=81=D0=BC=D0=B5=D0=BD=D0=B5=20=D1=81=D0=BE=D0=B4=D0=B5?=
 =?UTF-8?q?=D1=80=D0=B6=D0=B8=D0=BC=D0=BE=D0=B3=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mainPart/mainPart.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/mainPart/mainPart.tsx b/src/components/mainPart/mainPart.tsx
index c9ccf10..9e7989e 100644
--- a/src/components/mainPart/mainPart.tsx
+++ b/src/components/mainPart/mainPart.tsx
@@ -4,7 +4,7 @@ import { MainPartHeader } from "./mainPartHeader";
 import { ContentContainer } from "./contentContainer";
 import { MainPartFooter } from "./main-part-footer";
 import { OrLineContainer } from "./orLineContainer";
-import { CSSTransition, TransitionGroup } from "react-transition-group";
+import { CSSTransition, SwitchTransition, TransitionGroup } from "react-transition-group";
 import { CalendarComponent } from "./calendar/calendar";
 import { PlanContentContainer } from "./planContentContainer";
 import { TimeSelector } from "./timeSelector/timeSelector";
@@ -51,7 +51,7 @@ export const MainPart: React.FC = React.memo(() => {
     }
 
     function onClickStartDemo() {
-        console.log(lang)
+        setChangeContent(changeContent + 1);
         setCurrentContent(
             <>
                 <ContentContainer 
@@ -71,7 +71,7 @@ export const MainPart: React.FC = React.memo(() => {
     } 
 
     function onClickCreateNewDemo() {
-        console.log(lang)
+        setChangeContent(changeContent + 1);
         setCurrentContent(
             <ContentContainer 
                 // titleText="Демонстрация запущена"
@@ -85,6 +85,7 @@ export const MainPart: React.FC = React.memo(() => {
     }
 
     function onClickPlaneDemo() {
+        setChangeContent(changeContent + 1);
         enableBackground();
         setPlaneContent(
             <PlanContentContainer 
@@ -166,17 +167,18 @@ export const MainPart: React.FC = React.memo(() => {
     return <div className="main-part-container">
         <div className="background-image"></div>
         <MainPartHeader changeLang={(lang) => changeLang(lang)} onClickLogo={toMain}/>
-        <TransitionGroup>
+        <SwitchTransition mode="out-in">
             <CSSTransition
                 key={changeContent}
-                timeout={300}
+                //@ts-ignore
+                addEndListener={(node, done) => node.addEventListener("transitionend", done, false)}
                 classNames={'change-main-part-content'}
             >
                 <div className="main-part-content">            
                     {currentContent}                
                 </div>
             </CSSTransition>            
-        </TransitionGroup>        
+        </SwitchTransition>        
         {
             planContent ?
             <div className="main-part-plan-content">