Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3491 Rev 3493
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react';
 1 
import React, { useEffect, useState } from 'react';
2 
import { Link } from 'react-router-dom';
 2 
import { Link } from 'react-router-dom';
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
import { useFetch, useMicroLearning } from '@hooks';
 4 
import { useFetch, useMicroLearning } from '@hooks';
5 
 
 5 
 
Línea 6... Línea 6...
6 
import { List, SearchBar } from '@shared/components';
 6 
import { List, SearchBar, Spinner } from '@shared/components';
7 
import { CapsuleCard, CapsuleItem } from '@microlearning/components';
 7 
import { CapsuleCard, CapsuleItem } from '@microlearning/components';
Línea 8... Línea 8...
8 
 
 8 
 
9 
export default function CapsulesPage() {
 9 
export default function CapsulesPage() {
10 
  const [activeLink, setActiveLink] = useState('');
 10 
  const [activeLink, setActiveLink] = useState('');
11 
 
 11 
 
12 
  const {
 12 
  const {
13 
    link_capsules_completed: linkCapsulesCompleted,
 13 
    // link_capsules_completed: linkCapsulesCompleted,
Línea 14... Línea 14...
14 
    link_capsules_in_progress: linkCapsulesInProgress,
 14 
    // link_capsules_in_progress: linkCapsulesInProgress,
15 
    link_capsules_pending: linkCapsulesPending,
 15 
    link_capsules_pending: linkCapsulesPending,
Línea 16... Línea 16...
16 
    link_last_capsule_in_progress: linkLastCapsuleInProgress
 16 
    link_last_capsule_in_progress: linkLastCapsuleInProgress
Línea 17... Línea 17...
17 
  } = useMicroLearning();
 17 
  } = useMicroLearning();
18 
 
 18 
 
19 
  const { data: capsuleInProgess } = useFetch(linkLastCapsuleInProgress, null);
 19 
  const { data: currentCapsule } = useFetch(linkLastCapsuleInProgress);
20 
  const { data: capsules } = useFetch(activeLink, []);
 20 
  const { data: capsules } = useFetch(activeLink);
Línea -... Línea 21...
- 
 
 21 
 
- 
 
 22 
  const handleChange = (e, url) => setActiveLink(url);
21 
 
 23 
 
22 
  const handleChange = (e, url) => setActiveLink(url);
 24 
  useEffect(() => {
23 
 
 25 
    if (!linkCapsulesPending) return;
Línea 24... Línea 26...
24 
  useEffect(() => {
 26 
    setActiveLink(linkCapsulesPending + '?order_field=added_on&order_direction=desc');
25 
    if (!linkCapsulesPending) return;
 27 
  }, [linkCapsulesPending]);
26 
    setActiveLink(linkCapsulesPending + '?order_field=added_on&order_direction=desc');
 28 
 
27 
  }, [linkCapsulesPending]);
 29 
  if (!currentCapsule || !capsules) return <Spinner />;