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;