Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3493 Rev 3494
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react';
 1 
import React 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 { useMicrolearning } from '@microlearning/hooks';
5 
 
 5 
 
Línea 6... Línea 6...
6 
import { List, SearchBar, Spinner } from '@shared/components';
 6 
import { List, SearchBar, Spinner, Tabs } from '@shared/components';
7 
import { CapsuleCard, CapsuleItem } from '@microlearning/components';
 7 
import { CapsuleCard, CapsuleItem } from '@microlearning/components';
- 
 
 8 
 
Línea 8... Línea -...
8 
 
 - 
 
9 
export default function CapsulesPage() {
 - 
 
10 
  const [activeLink, setActiveLink] = useState('');
 - 
 
11 
 
 - 
 
12 
  const {
 - 
 
13 
    // link_capsules_completed: linkCapsulesCompleted,
 - 
 
14 
    // link_capsules_in_progress: linkCapsulesInProgress,
 - 
 
15 
    link_capsules_pending: linkCapsulesPending,
 - 
 
16 
    link_last_capsule_in_progress: linkLastCapsuleInProgress
 - 
 
17 
  } = useMicroLearning();
 - 
 
18 
 
 - 
 
19 
  const { data: currentCapsule } = useFetch(linkLastCapsuleInProgress);
 - 
 
20 
  const { data: capsules } = useFetch(activeLink);
 - 
 
21 
 
 - 
 
22 
  const handleChange = (e, url) => setActiveLink(url);
 - 
 
23 
 
 - 
 
24 
  useEffect(() => {
 - 
 
25 
    if (!linkCapsulesPending) return;
 9 
export default function CapsulesPage() {
Línea 26... Línea 10...
26 
    setActiveLink(linkCapsulesPending + '?order_field=added_on&order_direction=desc');
 10 
  const { capsules, currentCapsule, categories, category, loading, changeCategory, handleSearch } =
27 
  }, [linkCapsulesPending]);
 11 
    useMicrolearning();
28 
 
 12 
 
Línea 29... Línea 13...
29 
  if (!currentCapsule || !capsules) return <Spinner />;
 13 
  if (loading || !currentCapsule || !capsules) return <Spinner />;
30 
 
 - 
 
31 
  return (
 - 
 
32 
    <>
 - 
 
33 
      {currentCapsule && <CapsuleCard capsule={currentCapsule} />}
 14 
 
34 
 
 - 
 
35 
      {/* <Tabs value={activeLink} onChange={handleChange}>
 - 
 
36 
        <Tabs.Item
 - 
 
37 
          label='Pendiente'
 15 
  return (
38 
          value={
 - 
 
39 
            linkCapsulesPending &&
 - 
 
40 
            linkCapsulesPending + '?order_field=added_on&order_direction=desc'
 - 
 
41 
          }
 - 
 
42 
        />
 - 
 
43 
        <Tabs.Item label='En curso' value={linkCapsulesInProgress} />
 16 
    <>
44 
        <Tabs.Item
 - 
 
45 
          label='Finalizado'
 17 
      {currentCapsule && <CapsuleCard capsule={currentCapsule} />}
Línea 46... Línea 18...
46 
          value={
 18 
 
Línea 47... Línea 19...
47 
            linkCapsulesCompleted &&
 19 
      <Tabs value={category} onChange={changeCategory}>
48 
            linkCapsulesCompleted + '?order_field=last_access_on&order_direction=desc'
 20 
        {categories.map(({ label, value }) => (
49 
          }
 21 
          <Tabs.Item key={value} label={label} value={value} />
50 
        />
 22 
        ))}