Proyectos de Subversion LeadersLinked - SPA

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 CapsulePage() {
  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}
      /> */}
    </>
  );
}