Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react';
import { useParams } from 'react-router-dom';
import { connect } from 'react-redux';

import { addSlide } from '@app/redux/micro-learning/topics.actions';
import { useFetch } from '@hooks';

import Spinner from '@app/components/UI/Spinner';
import Slides from '@microlearning/components/Slides';
import MicrolearningLayout from '@app/layouts/micro-learning/GoBack';

const CapsuleSlidesPage = ({ addSlide }) => {
  const { capsuleId } = useParams();
  const { data: capsule } = useFetch(`/microlearning/get-capsule/${capsuleId}`, {});
  const { data: slides, isLoading } = useFetch(capsule?.link_slides, []);

  useEffect(() => {
    slides.forEach((slide) => addSlide({ ...slide, capsuleId }));
  }, [slides]);

  return (
    <MicrolearningLayout title={capsule?.name || ''}>
      {isLoading ? <Spinner /> : <Slides capsuleId={capsuleId} />}
    </MicrolearningLayout>
  );
};

const mapDispatchToProps = {
  addSlide: (capsule) => addSlide(capsule)
};

export default connect(null, mapDispatchToProps)(CapsuleSlidesPage);