Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react';
import { Avatar, Typography } from '@mui/material';

import { getOnRoom } from '@services/onRoom';
import { addNotification } from '@store/notification/notification.actions';

import Widget from '@components/UI/Widget';
import Spinner from '@components/UI/Spinner';

export default function OnRoomWidget({ moodle }) {
  const [loading, setLoading] = useState(false);

  const handleOnRoom = async () => {
    try {
      setLoading(true);
      const onRoomUrl = await getOnRoom();
      console.log(onRoomUrl);
      window.open(onRoomUrl, '_blank');
    } catch (error) {
      addNotification({ style: 'danger', msg: error.message });
    } finally {
      setLoading(false);
    }
  };

  return (
    <Widget>
      <Widget.Body styles={{ display: 'grid', placeItems: 'center' }}>
        {loading && <Spinner absolute />}

        <Avatar
          sx={{ cursor: 'pointer' }}
          src={moodle.image}
          alt={moodle.name}
          onClick={() => handleOnRoom()}
        />
        <Typography variant='overline' textAlign='center'>
          Plataforma de Capacitación CESA ON ROOM
          {/* {moodle.name} */}
        </Typography>
      </Widget.Body>
    </Widget>
  );
}