Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3319 Rev 3320
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useParams, useNavigate } from 'react-router-dom'
 2 
import { useNavigate } from 'react-router-dom'
3 
import { Button } from '@mui/material'
 3 
import { Button } from '@mui/material'
Línea 4... Línea 4...
4 
 
 4 
 
Línea 5... Línea 5...
5 
import { useFetch, useMyProgress } from '@hooks'
 5 
import { useHabitProgress } from '@hooks'
6 
 
 6 
 
7 
import List from '@components/common/list'
 7 
import List from '@components/common/list'
- 
 
 8 
import PageHeader from '@components/common/page-header'
Línea 8... Línea 9...
8 
import PageHeader from '@components/common/page-header'
 9 
import LoadingWrapper from '@components/common/loading-wrapper'
9 
import LoadingWrapper from '@components/common/loading-wrapper'
 10 
import ProgressItem from '@components/habits/progress/progress-item'
10 
 
 - 
 
11 
export default function HabitProgressPage() {
 - 
 
Línea 12... Línea -...
12 
  const navigate = useNavigate()
 - 
 
13 
  const { id } = useParams()
 11 
 
Línea 14... Línea 12...
14 
  const { getHabitById } = useMyProgress()
 12 
export default function HabitProgressPage() {
15 
 
 13 
  const navigate = useNavigate()
16 
  const currentHabit = getHabitById(id)
 14 
 
17 
  const { data, isLoading } = useFetch(currentHabit?.link)
 15 
  const { registers, loading, habitName } = useHabitProgress()
18 
 
 16 
 
19 
  return (
 17 
  return (
20 
    <>
 18 
    <>
21 
      <PageHeader
 19 
      <PageHeader
22 
        title={currentHabit?.name ?? ''}
 20 
        title={habitName}
23 
        action={() => <Button onClick={() => navigate('add')}>Agregar</Button>}
 21 
        action={() => <Button onClick={() => navigate('add')}>Agregar</Button>}
24 
        goBack
 22 
        goBack
25 
      />
 23 
      />
26 
      <LoadingWrapper loading={isLoading}>
 24 
      <LoadingWrapper loading={loading}>
27 
        <List
 25 
        <List
28 
          items={data.items}
 26 
          items={registers}
29 
          renderItem={(progress) => JSON.stringify(progress)}
 27 
          renderItem={(progress) => <ProgressItem progress={progress} />}
30 
          emptyMessage='No hay registros'
 28 
          emptyMessage='No hay progreso para este hábito'