Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3527 | Rev 3661 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3527 Rev 3528
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { useParams } from 'react-router-dom';
 2 
import { useParams } from 'react-router-dom';
3 
import { Doughnut } from 'react-chartjs-2';
 3 
import { Doughnut } from 'react-chartjs-2';
4 
import { Box, Grid, styled, Typography } from '@mui/material';
 4 
import { Box, Grid, Typography } from '@mui/material';
Línea 5... Línea 5...
5 
 
 5 
 
6 
import { useFetch } from '@shared/hooks';
 6 
import { useFetch } from '@shared/hooks';
Línea 7... Línea -...
7 
import { Spinner } from '@shared/components';
 - 
 
8 
 
 - 
 
9 
const Tag = styled('span')`
 - 
 
10 
  display: flex;
 - 
 
11 
  flex-direction: column;
 - 
 
12 
  align-items: center;
 - 
 
13 
  small {
 - 
 
14 
    color: ${(props) => props.theme.font.color.primary};
 - 
 
15 
  }
 - 
 
16 
`;
 7 
import { Spinner } from '@shared/components';
17 
 
 8 
 
18 
export function ProgressPage() {
 9 
export function ProgressPage() {
Línea 19... Línea 10...
19 
  const { uuid } = useParams();
 10 
  const { uuid } = useParams();
Línea 52... Línea 43...
52 
            options={chartOptions}
 43 
            options={chartOptions}
53 
          />
 44 
          />
54 
        </Box>
 45 
        </Box>
Línea 55... Línea 46...
55 
 
 46 
 
56 
        <Box display='flex' gap={2} justifyContent='center' alignItems='baseline' mt={1}>
 - 
 
57 
          <Tag>
 47 
        <Box display='flex' gap={2} justifyContent='center' alignItems='baseline' mt={1}>
58 
            <small>{data?.capsuleTotal}</small> Total
 - 
 
59 
          </Tag>
 - 
 
60 
          <Tag>
 48 
          <Typography variant='caption'>{data?.capsuleTotal} Total</Typography>
61 
            <small>{data?.capsuleStarted}</small> Iniciadas
 - 
 
62 
          </Tag>
 - 
 
63 
          <Tag>
 49 
          <Typography variant='caption'>{data?.capsuleStarted} Iniciadas</Typography>
64 
            <small>{data?.capsuleToStart}</small> Por realizar
 - 
 
65 
          </Tag>
 - 
 
66 
          <Tag>
 50 
          <Typography variant='caption'>{data?.capsuleToStart} Por realizar</Typography>
67 
            <small>{data?.capsuleCompleted}</small> Completadas
 - 
 
68 
          </Tag>
 51 
          <Typography variant='caption'>{data?.capsuleCompleted} Completadas</Typography>
69 
        </Box>
 52 
        </Box>
Línea 70... Línea 53...
70 
      </Grid>
 53 
      </Grid>
71 
 
 54