Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3520 Rev 3556
Línea 2... Línea 2...
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 { useMicrolearning } from '@microlearning/hooks';
 4 
import { useMicrolearning } from '@microlearning/hooks';
5 
 
 5 
 
Línea 6... Línea 6...
6 
import { List, SearchBar, Spinner, Tabs } from '@shared/components';
 6 
import { List, SearchBar, Spinner, Tabs } from '@shared/components';
7 
import { CapsuleCard, CapsuleDetail } from '@microlearning/components';
 7 
import { LastCapsuleProgressCard, CapsuleDetails } from '@microlearning/components';
8 
 
 8 
 
9 
export function CapsulesPage() {
 9 
export function CapsulesPage() {
Línea 19... Línea 19...
19 
  } = useMicrolearning();
 19 
  } = useMicrolearning();
Línea 20... Línea 20...
20 
 
 20 
 
21 
  return (
 21 
  return (
22 
    <>
 22 
    <>
23 
      {currentCapsuleLoading && <Spinner />}
 23 
      {currentCapsuleLoading && <Spinner />}
Línea 24... Línea 24...
24 
      {currentCapsule && <CapsuleCard capsule={currentCapsule} />}
 24 
      {currentCapsule && <LastCapsuleProgressCard capsule={currentCapsule} />}
25 
 
 25 
 
26 
      <Tabs value={category} onChange={(_, cat) => changeCategory(cat)}>
 26 
      <Tabs value={category} onChange={(_, cat) => changeCategory(cat)}>
27 
        {categories.map(({ label, value }) => (
 27 
        {categories.map(({ label, value }) => (
Línea 36... Línea 36...
36 
      ) : (
 36 
      ) : (
37 
        <List
 37 
        <List
38 
          items={capsules}
 38 
          items={capsules}
39 
          renderItem={(capsule) => (
 39 
          renderItem={(capsule) => (
40 
            <Link to={`/microlearning/capsules/${capsule.uuid}`}>
 40 
            <Link to={`/microlearning/capsules/${capsule.uuid}`}>
41 
              <CapsuleDetail capsule={capsule} readOnly />
 41 
              <CapsuleDetails capsule={capsule} readOnly />
42 
            </Link>
 42 
            </Link>
43 
          )}
 43 
          )}
44 
          emptyMessage='No hay cápsulas para mostrar'
 44 
          emptyMessage='No hay cápsulas para mostrar'
45 
          keyExtractor={(capsule) => capsule.uuid}
 45 
          keyExtractor={(capsule) => capsule.uuid}
46 
        />
 46 
        />