Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3667 Rev 3674
Línea 1... Línea 1...
1 
import React from 'react';
 1 
import React from 'react';
- 
 
 2 
import { Box, Button } from '@mui/material';
Línea 2... Línea 3...
2 
 
 3 
 
Línea 3... Línea 4...
3 
import { useKnowledges } from '@knowledges/hooks';
 4 
import { useKnowledges } from '@knowledges/hooks';
4 
 
 5 
 
5 
import { FilterSelect, FiltersRow, Grid, PageHeader, SearchBar, Spinner } from '@shared/components';
 - 
 
Línea 6... Línea 6...
6 
import { KnowledgeCard } from '@knowledges/components';
 6 
import { FilterSelect, FiltersRow, Grid, PageHeader, SearchBar, Spinner } from '@shared/components';
7 
import { Button } from '@mui/material';
 7 
import { KnowledgeCard } from '@knowledges/components';
8 
 
 8 
 
9 
export default function KnowledgesPage() {
 9 
export default function KnowledgesPage() {
Línea 40... Línea 40...
40 
        />
 40 
        />
41 
        <SearchBar onChange={searchKnowledge} value={searchTerm} />
 41 
        <SearchBar onChange={searchKnowledge} value={searchTerm} />
42 
        <Button onClick={clearFilters}>Limpiar filtros</Button>
 42 
        <Button onClick={clearFilters}>Limpiar filtros</Button>
43 
      </FiltersRow>
 43 
      </FiltersRow>
Línea 44... Línea -...
44 
 
 - 
 
45 
      {loading ? (
 - 
 
46 
        <Spinner />
 - 
 
47 
      ) : (
 44 
 
48 
        <Grid
 45 
      <Grid
49 
          items={knowledges}
 46 
        items={knowledges}
50 
          emptyMessage='No hay conocimientos para mostrar'
 47 
        emptyMessage='No hay conocimientos para mostrar'
- 
 
 48 
        renderItem={(knowledge, index) => (
51 
          renderItem={(knowledge) => (
 49 
          <Box ref={index === knowledges.length - 1 ? elementRef : null}>
52 
            <KnowledgeCard
 50 
            <KnowledgeCard
53 
              key={knowledge.link_view}
 51 
              key={knowledge.link_view}
54 
              knowledge={knowledge}
 52 
              knowledge={knowledge}
55 
              onEdit={editKnowledge}
 53 
              onEdit={editKnowledge}
56 
              onDelete={deleteKnowledge}
 54 
              onDelete={deleteKnowledge}
- 
 
 55 
            />
57 
            />
 56 
          </Box>
58 
          )}
 57 
        )}
59 
          renderFooter={() => <div ref={elementRef} />}
 58 
        renderFooter={() => loading && <Spinner />}
60 
        />
 - 
 
61 
      )}
 59 
      />
62 
    </>
 60 
    </>
63 
  );
 61 
  );