Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useSlide } from '@microlearning/hooks';

import { Spinner, Button } from '@shared/components';

import { SlideCard } from './slide-card';

export function SlideForm({ uuid = '', autoPlay = false }) {

  const { slide, loading, completeLoading, completeSlide } = useSlide(uuid);

  if (loading || !slide || completeLoading) {

    return <Spinner />;

  }

  return (

    <>

      <SlideCard

        completed={slide.completed}

        slide={slide}

        autoPlay={autoPlay}

        onComplete={() => completeSlide(slide.uuid)}

      />

      {slide.type !== 'quiz' && !slide.completed && (

        <Button color='primary' onClick={() => completeSlide(slide.uuid)} sx={{ mt: 2 }}>

          Marcar como completado

        </Button>

      )}

    </>

  );

}