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 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} />}

        keyExtractor={(slide) => slide.uuid}

      />

      {/* <SlidesCarousel

        onClose={handleHideCarousel}

        slides={filteredSlides}

        show={showCarousel}

        currentSlideIndex={currentSlideIndex}

      /> */}

    </>

  );

}