From b950fd73892f60a3ae5f74fe62c104c533237628 Mon Sep 17 00:00:00 2001
From: Alejandra <90076947+alejsdev@users.noreply.github.com>
Date: Mon, 29 Jan 2024 17:10:46 -0500
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20Layout=20to=20App=20(#588)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/new-frontend/src/App.tsx          | 3 +++
 src/new-frontend/src/pages/Layout.tsx | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/new-frontend/src/App.tsx b/src/new-frontend/src/App.tsx
index db440f5..958baf1 100644
--- a/src/new-frontend/src/App.tsx
+++ b/src/new-frontend/src/App.tsx
@@ -1,5 +1,6 @@
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
+import Layout from './pages/Layout';
 import Login from './pages/auth/Login';
 import RecoverPassword from './pages/auth/RecoverPassword';
 
@@ -9,6 +10,8 @@ function App() {
       <Routes>
         <Route path="/login" element={<Login />} />
         <Route path="/recover-password" element={<RecoverPassword />} />
+        <Route element={<Layout />}>
+        </Route>
       </Routes>
     </BrowserRouter>
   )
diff --git a/src/new-frontend/src/pages/Layout.tsx b/src/new-frontend/src/pages/Layout.tsx
index 80e78f1..bbf1087 100644
--- a/src/new-frontend/src/pages/Layout.tsx
+++ b/src/new-frontend/src/pages/Layout.tsx
@@ -1,12 +1,13 @@
+import { Outlet } from 'react-router-dom';
 import Sidebar from '../components/Sidebar';
 
 import { Flex } from '@chakra-ui/react';
 
-const Layout = ({ children }: { children: React.ReactNode }) => {
+const Layout = () => {
     return (
         <Flex maxW="large" h="auto" position="relative">
             <Sidebar />
-            {children}
+            <Outlet />
         </Flex>
     );
 };