Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Link } from 'react-router-dom';

import { useFetch } from '@shared/hooks';

import { Grid, PageHeader, Spinner } from '@shared/components';

import { TopicCard } from '@microlearning/components';

export function TopicsPage() {

  const { data: topics, loading } = useFetch('/microlearning/topics');

  if (loading || !topics) return <Spinner />;

  return (

    <>

      <PageHeader title='Tópicos' />

      <Grid

        items={topics}

        emptyMessage='No hay tópicos para mostrar'

        renderItem={(topic) => (

          <Link to={topic.uuid}>

            <TopicCard topic={topic} />

          </Link>

        )}

        keyExtractor={(topic) => topic.uuid}

      />

    </>

  );

}