import {redirect} from 'next/navigation'
import Box from '@mui/material/Box'
import Container from '@mui/material/Container'
import Typography from '@mui/material/Typography'
import {auth} from '../../auth.js'
import GetVersions from '@/components/versions/get-versions.js'
import Footer from '@/components/footer.js'

export default async function DashboardPage() {
  const session = await auth()

  if (!session) {
    redirect('/login')
  }

  return (
    <Box sx={{
      display: 'flex',
      flexDirection: 'column',
      minHeight: '100vh',
    }}
    >
      <Container>
        <Typography
          textTransform='uppercase'
          mt={1}
          component='h1'
          textAlign='center'
          variant='h4'
        >
          Tableau de bord
        </Typography>
        <GetVersions session={session} />
      </Container>
      <Footer />
    </Box>
  )
}