vitorspadacio / react-sample / ebb70494-36a5-46ef-b9da-d4806459a795

coverage: 76.341% (-6.8%) from 83.186%
ebb70494-36a5-46ef-b9da-d4806459a795

push

circleci

web-flow 
Atualização final de pacotes e remoção do redux

8 of 20 branches covered (40.0%)

Branch coverage included in aggregate %.

234 of 297 relevant lines covered (78.79%)

3.11 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

53.85
/src/features/node-sample/UsersList/UsersList.tsx
1 
import { useSelector } from 'react-redux'
1✔
2 
import { Link } from 'react-router-dom'
1✔
3 
import editIcon from '../../../assets/images/edit.svg'
1✔
4 
import trashIcon from '../../../assets/images/trash.svg'
1✔
5 
import Loading from '../../../components/Loading'
6 
import { selectIsLoading, selectUsers } from '../NodeSampleSelectors'
1✔
7 
import { User } from '../NodeSampleTypes'
8 
import {
1✔
9 
  ActionButton,
10 
  Actions, Container, Info, ListItem,
11 
} from './UsersList.styles'
12 









13



interface Props {










14



  onDeleteClick: Function,










15



}










16












17



export default function ({ onDeleteClick }: Props) {




1✔





18



  const users = useSelector(selectUsers)




×







19



  const isLoading = useSelector(selectIsLoading)




×







20












21



  const renderDetails = (user: User) => (




×







22



    <ListItem key={user.id}>




×







23



      <Info><small>ID</small> <span>{user.id}</span></Info>










24



      <Info><small>Nome</small> <span>{user.name}</span></Info>










25



      <Info><small>Idade</small> <span>{user.age} anos</span></Info>










26



      <Actions>










27



        <Link to={`/node-sample/edit/${user.id}`}><img src={editIcon} alt='edit' /></Link>










28



        <ActionButton










29



          onClick={() => onDeleteClick(user.id)}




×







30



          data-testid={`delete-${user.id}`}










31



        >










32



          <img src={trashIcon} alt='delete' />










33



        </ActionButton>










34



      </Actions>










35



    </ListItem>










36



  )










37












38



  return (




×







39



    <Container id='users-list'>










40



      {users.map(renderDetails)}










41



    </Container>










42



  )










43



}
























    

  • 

    •