Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3519 Rev 3520
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';
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
import { useFetch } from '@shared/hooks';
 4 
import { useFetch, useModal } from '@shared/hooks';
5 
 
 5 
 
- 
 
 6 
import { Grid, PageHeader, Spinner } from '@shared/components';
Línea 6... Línea 7...
6 
import { Grid, PageHeader, Spinner } from '@shared/components';
 7 
import { SlideCard } from '@microlearning/components';
7 
import { SlideCard } from '@microlearning/components';
 8 
import { SlideForm } from '@microlearning/components/slides/slides-carousel';
8 
 
 9 
 
Línea 9... Línea -...
9 
export function SlidesPage() {
 - 
 
10 
  const { uuid } = useParams();
 - 
 
11 
  const { data: capsule, loading } = useFetch(`/microlearning/capsules/${uuid}`);
 10 
export function SlidesPage() {
12 
 
 - 
 
Línea 13... Línea 11...
13 
  /* const handleShowCarousel = (index = 0) => {
 11 
  const { uuid } = useParams();
- 
 
 12 
  const { data: capsule, loading } = useFetch(`/microlearning/capsules/${uuid}`);
14 
    setCurrentSlideIndex(index);
 13 
 
15 
    setShowCarousel(true);
 14 
  const { showModal } = useModal();
- 
 
 15 
 
16 
  };
 16 
  const showSlide = (slideName) => {
Línea 17... Línea 17...
17 
 
 17 
    showModal({
Línea 18... Línea 18...
18 
  const handleHideCarousel = () => {
 18 
      title: slideName,
19 
    setCurrentSlideIndex(0);
 19 
      content: <SlideForm slideUuid={uuid} />
20 
    setShowCarousel(false);
 20 
    });
21 
  }; */
 21 
  };
22 
 
 22 
 
23 
  if (loading || !capsule) return <Spinner />;
 23 
  if (loading || !capsule) return <Spinner />;
24 
 
 24 
 
25 
  return (
 25 
  return (
26 
    <>
 26 
    <>
27 
      <PageHeader title={capsule.name} goBack />
 - 
 
28 
      <Grid
 - 
 
29 
        items={capsule.slides}
 - 
 
30 
        emptyMessage='No hay cápsulas para mostrar'
 - 
 
31 
        renderItem={(slide) => <SlideCard slide={slide} />}
 - 
 
32 
        keyExtractor={(slide) => slide.uuid}
 - 
 
33 
      />
 27 
      <PageHeader title={capsule.name} goBack />
34 
      {/* <SlidesCarousel
 28 
      <Grid
35 
        onClose={handleHideCarousel}
 29 
        items={capsule.slides}