Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

import { Grid } from '@mui/material';

import HabitsUrlsProvider from '@providers/habits/habitsUrls';

import Menu from '@components/habits/HabitsMenu';

import DailyLog from '@components/habits/daily-log/daily-log';

import './habits.css';

export default function HabitsLayout() {

  return (

    <Grid container spacing={1}>

      <Grid size={{ 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 size={{ xs: 12, md: 8 }}>

        <HabitsUrlsProvider>

          <Outlet />

          <DailyLog />

        </HabitsUrlsProvider>

      </Grid>

    </Grid>

  );

}