Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Button } from '@mui/material';

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

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

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

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

  const { slide, loading: slideLoading, markSlideCompleted } = useSlide(uuid);

  if (slideLoading || !slide) {

    return <Spinner />;

  }

  return (

    <>

      <SlideCard

        completed={slide.completed}

        slide={slide}

        autoPlay={autoPlay}

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

      />

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

        <Button

          color='primary'

          disabled={slide.completed}

          onClick={() => markSlideCompleted(slide.uuid)}

          sx={{ mt: 2 }}

        >

          Marcar como completado

        </Button>

      )}

    </>

  );

}