Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3664 | Rev 3667 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3664 Rev 3665
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
2 
import { Link } from 'react-router-dom';
 - 
 
Línea 3... Línea 2...
3 
 
 2 
 
Línea 4... Línea 3...
4 
import { useKnowledges } from '@knowledges/hooks';
 3 
import { useKnowledges } from '@knowledges/hooks';
5 
 
 4 
 
- 
 
 5 
import { FilterSelect, FiltersRow, Grid, PageHeader, SearchBar, Spinner } from '@shared/components';
Línea 6... Línea 6...
6 
import { FilterSelect, FiltersRow, Grid, PageHeader, SearchBar, Spinner } from '@shared/components';
 6 
import { KnowledgeCard } from '@knowledges/components';
7 
import { KnowledgeCard } from '@knowledges/components';
 7 
import { Button } from '@mui/material';
8 
 
 8 
 
9 
export default function KnowledgesPage() {
 9 
export default function KnowledgesPage() {
Línea 17... Línea 17...
17 
    searchKnowledge,
 17 
    searchKnowledge,
18 
    changeCategory,
 18 
    changeCategory,
19 
    elementRef,
 19 
    elementRef,
20 
    addKnowledge,
 20 
    addKnowledge,
21 
    deleteKnowledge,
 21 
    deleteKnowledge,
22 
    editKnowledge
 22 
    editKnowledge,
- 
 
 23 
    clearFilters
23 
  } = useKnowledges();
 24 
  } = useKnowledges();
Línea 24... Línea 25...
24 
 
 25 
 
25 
  return (
 26 
  return (
26 
    <>
 27 
    <>
Línea 36... Línea 37...
36 
          value={searchCategory}
 37 
          value={searchCategory}
37 
          onChange={changeCategory}
 38 
          onChange={changeCategory}
38 
          placeholder='Filtrar por categoría'
 39 
          placeholder='Filtrar por categoría'
39 
        />
 40 
        />
40 
        <SearchBar onChange={searchKnowledge} value={searchTerm} />
 41 
        <SearchBar onChange={searchKnowledge} value={searchTerm} />
- 
 
 42 
        <Button onClick={clearFilters}>Limpiar filtros</Button>
41 
      </FiltersRow>
 43 
      </FiltersRow>
Línea 42... Línea 44...
42 
 
 44 
 
43 
      {loading ? (
 45 
      {loading ? (
44 
        <Spinner />
 46 
        <Spinner />
45 
      ) : (
 47 
      ) : (
46 
        <Grid
 48 
        <Grid
47 
          items={knowledges}
 49 
          items={knowledges}
48 
          emptyMessage='No hay conocimientos para mostrar'
 50 
          emptyMessage='No hay conocimientos para mostrar'
49 
          renderItem={(knowledge) => (
 - 
 
50 
            <Link to={knowledge.link_view}>
 51 
          renderItem={(knowledge) => (
51 
              <KnowledgeCard
 52 
            <KnowledgeCard
52 
                key={knowledge.link_view}
 53 
              key={knowledge.link_view}
53 
                knowledge={knowledge}
 54 
              knowledge={knowledge}
54 
                onEdit={editKnowledge}
 55 
              onEdit={editKnowledge}
55 
                onDelete={deleteKnowledge}
 56 
              onDelete={deleteKnowledge}
56 
              />
 - 
 
57 
            </Link>
 57 
            />
58 
          )}
 58 
          )}
59 
          renderFooter={() => <div ref={elementRef} />}
 59 
          renderFooter={() => <div ref={elementRef} />}
60 
        />
 60 
        />
61 
      )}
 61 
      )}