Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3366 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3366 Rev 3719
Línea 1... Línea 1...
1
import React from 'react'
1
import React from 'react';
2
import { Outlet } from 'react-router-dom'
2
import { Outlet } from 'react-router-dom';
3
import { Grid } from '@mui/material'
3
import { Grid } from '@mui/material';
4
 
4
 
5
import HabitsUrlsProvider from '@providers/habits/habitsUrls'
5
import HabitsUrlsProvider from '@providers/habits/habitsUrls';
6
 
6
 
7
import Menu from '@components/habits/HabitsMenu'
7
import Menu from '@components/habits/HabitsMenu';
8
import DailyLog from '@components/habits/daily-log/daily-log'
8
import DailyLog from '@components/habits/daily-log/daily-log';
9
 
9
 
10
import './habits.css'
10
import './habits.css';
11
 
11
 
12
export default function HabitsLayout() {
12
export default function HabitsLayout() {
13
  return (
13
  return (
14
    <Grid container spacing={1}>
14
    <Grid container spacing={1}>
15
      <Grid item xs={12} md={4}>
15
      <Grid size={{ xs: 12, md: 4 }}>
16
        <Menu>
16
        <Menu>
17
          <Menu.Item to='/habits/habits' label='Hábitos' />
17
          <Menu.Item to='/habits/habits' label='Hábitos' />
18
          <Menu.Item to='/habits/my-progress' label='Mi progreso' />
18
          <Menu.Item to='/habits/my-progress' label='Mi progreso' />
19
          <Menu.Item to='/habits/goals' label='Metas' />
19
          <Menu.Item to='/habits/goals' label='Metas' />
20
          <Menu.Item to='/habits/purposes' label='Propósitos' />
20
          <Menu.Item to='/habits/purposes' label='Propósitos' />
21
          <Menu.Item to='/habits/paradigms' label='Paradigmas' />
21
          <Menu.Item to='/habits/paradigms' label='Paradigmas' />
22
          <Menu.Item to='/habits/values' label='Valores' />
22
          <Menu.Item to='/habits/values' label='Valores' />
23
        </Menu>
23
        </Menu>
24
      </Grid>
24
      </Grid>
25
 
25
 
26
      <Grid item xs={12} md={8}>
26
      <Grid size={{ xs: 12, md: 8 }}>
27
        <HabitsUrlsProvider>
27
        <HabitsUrlsProvider>
28
          <Outlet />
28
          <Outlet />
29
          <DailyLog />
29
          <DailyLog />
30
        </HabitsUrlsProvider>
30
        </HabitsUrlsProvider>
31
      </Grid>
31
      </Grid>
32
    </Grid>
32
    </Grid>
33
  )
33
  );
34
}
34
}