Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3520 Rev 3521
Línea 6... Línea 6...
6 
import { Grid, PageHeader, Spinner } from '@shared/components';
 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 
import { SlideForm } from '@microlearning/components/slides/slides-carousel';
Línea 9... Línea 9...
9 
 
 9 
 
10 
export function SlidesPage() {
 10 
export function SlidesPage() {
11 
  const { uuid } = useParams();
 11 
  const { capsuleUuid, topicUuid } = useParams();
Línea 12... Línea 12...
12 
  const { data: capsule, loading } = useFetch(`/microlearning/capsules/${uuid}`);
 12 
  const { data: capsule, loading } = useFetch(`/microlearning/capsules/${capsuleUuid}`);
Línea 13... Línea 13...
13 
 
 13 
 
14 
  const { showModal } = useModal();
 14 
  const { showModal } = useModal();
15 
 
 15 
 
16 
  const showSlide = (slideName) => {
 16 
  const showSlide = (slideName, slideUuid) => {
17 
    showModal({
 17 
    showModal({
18 
      title: slideName,
 18 
      title: slideName,
Línea 19... Línea 19...
19 
      content: <SlideForm slideUuid={uuid} />
 19 
      content: <SlideForm topicUuid={topicUuid} slideUuid={slideUuid} />
Línea 26... Línea 26...
26 
    <>
 26 
    <>
27 
      <PageHeader title={capsule.name} goBack />
 27 
      <PageHeader title={capsule.name} goBack />
28 
      <Grid
 28 
      <Grid
29 
        items={capsule.slides}
 29 
        items={capsule.slides}
30 
        emptyMessage='No hay contenidos para mostrar'
 30 
        emptyMessage='No hay contenidos para mostrar'
- 
 
 31 
        renderItem={(slide) => (
31 
        renderItem={(slide) => <SlideCard slide={slide} onClick={() => showSlide(slide.name)} />}
 32 
          <SlideCard slide={slide} onClick={() => showSlide(slide.name, slide.uuid)} />
- 
 
 33 
        )}
32 
        keyExtractor={(slide) => slide.uuid}
 34 
        keyExtractor={(slide) => slide.uuid}
33 
      />
 35 
      />
34 
    </>
 36 
    </>
35 
  );
 37 
  );
36 
}
 38 
}