Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import { Grid } from '@mui/material'

import Menu from '@components/habits/HabitsMenu'

import SelfRating from '@components/habits/self-rating'

import HabitsUrlsProvider from '@providers/habits/habitsUrls'

import './habits.css'

export default function HabitsLayout() {

  return (

    <Grid container spacing={1}>

      <Grid item xs={12} md={4}>

        <Menu>

          <Menu.Item to='/habits/habits' label='Hábitos' />

          <Menu.Item to='/habits/my-progress' label='Mi progreso' />

          <Menu.Item to='/habits/goals' label='Metas' />

          <Menu.Item to='/habits/purposes' label='Propósitos' />

          <Menu.Item to='/habits/paradigms' label='Paradigmas' />

          <Menu.Item to='/habits/values' label='Valores' />

        </Menu>

      </Grid>

      <Grid item xs={12} md={8}>

        <HabitsUrlsProvider>

          <Outlet />

          <SelfRating />

        </HabitsUrlsProvider>

      </Grid>

    </Grid>

  )

}