Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { Typography } from '@mui/material';

import { useMicroLearning, useFetch } from '@hooks';
import { addTopic } from '../../../redux/micro-learning/topics.actions';

import Spinner from 'components/UI/Spinner';
import Topics from 'components/micro-learning/Topics';

const TopicsPage = () => {
  const { link_topics: linkTopics } = useMicroLearning();
  const { data: topics, isLoading } = useFetch(linkTopics, []);
  const dispatch = useDispatch();

  useEffect(() => {
    topics.forEach((topic) => dispatch(addTopic(topic)));
  }, [topics]);

  return (
    <>
      <Typography variant='h1'>Topicos</Typography>

      {isLoading ? <Spinner /> : <Topics />}
    </>
  );
};

export default TopicsPage;