Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

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

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

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

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

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

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

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

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

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

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

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

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

  if (slideLoading || !slide) {

  if (slideLoading || !slide) {

    return <Spinner />;

    return <Spinner />;

  }

  }

  return (

  return (

    <>

    <>

      <SlideCard

      <SlideCard

        completed={slide.completed}

        completed={slide.completed}

        slide={slide}

        slide={slide}

        autoPlay={autoPlay}

        autoPlay={autoPlay}

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

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

      />

      />

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

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

        <Button

        <Button

          color='primary'

          color='primary'

          disabled={slide.completed}

          disabled={slide.completed}

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

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

          sx={{ mt: 2 }}

          sx={{ mt: 2 }}

        >

        >

          Marcar como completado

          Marcar como completado

        </Button>

        </Button>

      )}

      )}

    </>

    </>

  );

  );

}

}