From 887815dfc9ba5200b265cefc7a7e221f496a23e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Thu, 18 Feb 2021 21:15:13 +0000
Subject: [PATCH] fix: animate operator info title

---
 new-lamassu-admin/src/App.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/new-lamassu-admin/src/App.js b/new-lamassu-admin/src/App.js
index 66e2ba1a..30a7c90d 100644
--- a/new-lamassu-admin/src/App.js
+++ b/new-lamassu-admin/src/App.js
@@ -1,5 +1,6 @@
 import CssBaseline from '@material-ui/core/CssBaseline'
 import Grid from '@material-ui/core/Grid'
+import Slide from '@material-ui/core/Slide'
 import {
   StylesProvider,
   jssPreset,
@@ -91,12 +92,26 @@ const Main = () => {
     ? classes.contentWithSidebar
     : classes.contentWithoutSidebar
 
+  const transitionProps = {
+    direction: 'left'
+  }
+
   return (
     <div className={classes.root}>
       {!is404 && wizardTested && <Header tree={tree} />}
       <main className={classes.wrapper}>
         {sidebar && !is404 && wizardTested && (
-          <TitleSection title={parent.title}></TitleSection>
+          <Slide
+            {...transitionProps}
+            in={true}
+            mountOnEnter
+            unmountOnExit
+            children={
+              <div>
+                <TitleSection title={parent.title}></TitleSection>
+              </div>
+            }
+          />
         )}
 
         <Grid container className={classes.grid}>