Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3719 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3719 Rev 3741
Línea 1... Línea 1...
1
import React from 'react';
1
import React from 'react';
2
import { Link } from 'react-router-dom';
2
import { useNavigate } from 'react-router-dom';
Línea 3... Línea 3...
3
 
3
 
4
import { useAlert, useApi } from '@shared/hooks';
4
import { useAlert, useApi } from '@shared/hooks';
Línea 5... Línea 5...
5
import { getTopics } from '@microlearning/services';
5
import { getTopics } from '@microlearning/services';
6
 
6
 
Línea 7... Línea 7...
7
import { Grid, PageHeader, Spinner } from '@shared/components';
7
import { Grid, PageHeader, Spinner } from '@shared/components';
-
 
8
import { TopicCard } from '@microlearning/components';
-
 
9
 
8
import { TopicCard } from '@microlearning/components';
10
export function TopicsPage() {
Línea 9... Línea 11...
9
 
11
  const navigate = useNavigate();
10
export function TopicsPage() {
12
 
11
  const { showError } = useAlert();
13
  const { showError } = useAlert();
Línea 24... Línea 26...
24
      <PageHeader title='Tópicos' />
26
      <PageHeader title='Tópicos' />
25
      <Grid
27
      <Grid
26
        items={topics}
28
        items={topics}
27
        emptyMessage='No hay tópicos para mostrar'
29
        emptyMessage='No hay tópicos para mostrar'
28
        renderItem={(topic) => (
30
        renderItem={(topic) => (
29
          <Link to={topic.uuid}>
31
          <TopicCard
30
            <TopicCard topic={topic} />
32
            topic={topic}
-
 
33
            onClick={() => navigate(`/microlearning/topics/${topic.uuid}`)}
31
          </Link>
34
          />
32
        )}
35
        )}
33
        keyExtractor={(topic) => topic.uuid}
36
        keyExtractor={(topic) => topic.uuid}
34
      />
37
      />
35
    </>
38
    </>
36
  );
39
  );