Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3626 Rev 3627
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react';
 1 
import React, { useEffect, useState } from 'react';
- 
 
 2 
import { Box } from '@mui/material';
Línea 2... Línea 3...
2 
 
 3 
 
3 
import { useDebounce } from '@hooks';
 4 
import { useDebounce } from '@hooks';
4 
import { useAlert, useApi } from '@shared/hooks';
 5 
import { useAlert, useApi } from '@shared/hooks';
Línea 19... Línea 20...
19 
  useEffect(() => {
 20 
  useEffect(() => {
20 
    execute(debouncedSearch);
 21 
    execute(debouncedSearch);
21 
  }, [debouncedSearch]);
 22 
  }, [debouncedSearch]);
Línea 22... Línea 23...
22 
 
 23 
 
23 
  return (
 24 
  return (
24 
    <>
 25 
    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
25 
      <SearchBar
 26 
      <SearchBar
26 
        label='Busca un usuario'
 27 
        label='Busca un usuario'
27 
        placeholder='Escribe el nombre del usuario'
 28 
        placeholder='Escribe el nombre del usuario'
28 
        onChange={setSearch}
 29 
        onChange={setSearch}
29 
        value={search}
 30 
        value={search}
30 
      />
 31 
      />
31 
      {loading ? (
 32 
      {loading ? (
32 
        <Spinner />
 33 
        <Spinner />
33 
      ) : (
 34 
      ) : (
34 
        <List
 35 
        <List
35 
          items={data}
 36 
          items={data?.current?.items ?? []}
36 
          keyExtractor={(item) => item.uuid}
 37 
          keyExtractor={(item) => item.uuid}
37 
          renderItem={(item) => (
 38 
          renderItem={(item) => (
38 
            <ListItem title={item.name} image={item.image} onClick={() => onSelect(item)} />
 39 
            <ListItem title={item.name} image={item.image} onClick={() => onSelect(item)} />
39 
          )}
 40 
          )}
40 
          emptyMessage='No se encontraron usuarios'
 - 
 
41 
          style={{ marginTop: '1rem' }}
 41 
          emptyMessage='No se encontraron usuarios'
42 
        />
 42 
        />
43 
      )}
 43 
      )}
44 
    </>
 44 
    </Box>
45 
  );
 45 
  );