Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { Outlet } from 'react-router-dom'

import { useSelector } from 'react-redux'

import { Container, CssBaseline } from '@mui/material'

import GlobalStyle from '@app/styles/GlobalStyles'

import { Chat } from '@components/chat'

import Footer from '@components/footer/Footer'

import Header from '@components/UI/navbar/Header'

import NotificationAlert from '@components/UI/notification/NotificationAlert'

export default function RootLayout() {

  const { isAuth } = useSelector(({ auth }) => auth)

  return (

    <>

      <CssBaseline />

      <GlobalStyle isAuth={isAuth} />

      {isAuth ? <Header /> : null}

      <Container sx={{ minHeight: '65vh' }}>

        <Outlet />

        {isAuth ? <Chat /> : null}

        <NotificationAlert />

      </Container>

      <Footer />

    </>

  )

}