Rev 3482 | Rev 3520 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react';
import { useParams } from 'react-router-dom';
import { useFetch } from '@shared/hooks';
import { Grid, PageHeader, Spinner } from '@shared/components';
import { SlideCard } from '@microlearning/components';
export function SlidesPage() {
const { uuid } = useParams();
const { data: capsule, loading } = useFetch(`/microlearning/capsules/${uuid}`);
/* const handleShowCarousel = (index = 0) => {
setCurrentSlideIndex(index);
setShowCarousel(true);
};
const handleHideCarousel = () => {
setCurrentSlideIndex(0);
setShowCarousel(false);
}; */
if (loading || !capsule) return <Spinner />;
return (
<>
<PageHeader title={capsule.name} goBack />
<Grid
items={capsule.slides}
emptyMessage='No hay cápsulas para mostrar'
renderItem={(slide) => <SlideCard slide={slide} />}
/>
{/* <SlidesCarousel
onClose={handleHideCarousel}
slides={filteredSlides}
show={showCarousel}
currentSlideIndex={currentSlideIndex}
/> */}
</>
);
}