48076375-4172-4b28-a54f-71f705568d62

Committed 16 Apr 2025 01:48AM UTC coverage: 76.375% (+0.03%) from 76.341%

Build # 48076375-4172-4b28-a54f-71f705568d62

Build Type

push

circleci

Committed by

web-flow

Commit Message

Melhorias de vite e eslint (#59)

* chore: colocado paths padrões
* chore: ajustes de eslint e prettier
* chore: padronização de acordo com eslint
* chore: removido node_modules coverage e mais ajustes

Coverage Stats

8 of 20 branches covered (40.0%)

Branch coverage included in aggregate %.

40 of 61 new or added lines in 18 files covered. (65.57%)

228 of 289 relevant lines covered (78.89%)

2.98 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

import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
import editIcon from '../../../assets/images/edit.svg'
import trashIcon from '../../../assets/images/trash.svg'
import Loading from '../../../components/Loading'
import { selectIsLoading, selectUsers } from '../NodeSampleSelectors'
import { User } from '../NodeSampleTypes'
import { ActionButton, Actions, Container, Info, ListItem } from './UsersList.styles'

interface Props {
  onDeleteClick: Function
}

export default function ({ onDeleteClick }: Props) {
  const users = useSelector(selectUsers)
  const isLoading = useSelector(selectIsLoading)

  const renderDetails = (user: User) => (
    <ListItem key={user.id}>
      <Info>
        <small>ID</small> <span>{user.id}</span>
      </Info>
      <Info>
        <small>Nome</small> <span>{user.name}</span>
      </Info>
      <Info>
        <small>Idade</small> <span>{user.age} anos</span>
      </Info>
      <Actions>
        <Link to={`/node-sample/edit/${user.id}`}>
          <img src={editIcon} alt='edit' />
        </Link>
        <ActionButton onClick={() => onDeleteClick(user.id)} data-testid={`delete-${user.id}`}>
          <img src={trashIcon} alt='delete' />
        </ActionButton>
      </Actions>
    </ListItem>
  )

  return <Container id='users-list'>{users.map(renderDetails)}</Container>
}

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 { ActionButton, Actions, Container, Info, ListItem } from './UsersList.styles'	1✔
9
10	interface Props {
11	onDeleteClick: Function
12	}
13
14	export default function ({ onDeleteClick }: Props) {	1✔
15	const users = useSelector(selectUsers)	×
16	const isLoading = useSelector(selectIsLoading)	×
17
18	const renderDetails = (user: User) => (	×
19	<ListItem key={user.id}>	×
20	<Info>
21	<small>ID</small> <span>{user.id}</span>
22	</Info>
23	<Info>
24	<small>Nome</small> <span>{user.name}</span>
25	</Info>
26	<Info>
27	<small>Idade</small> <span>{user.age} anos</span>
28	</Info>
29	<Actions>
30	<Link to={`/node-sample/edit/${user.id}`}>
31	<img src={editIcon} alt='edit' />
32	</Link>
NEW 33	<ActionButton onClick={() => onDeleteClick(user.id)} data-testid={`delete-${user.id}`}>	×
34	<img src={trashIcon} alt='delete' />
35	</ActionButton>
36	</Actions>
37	</ListItem>
38	)
39
NEW 40	return <Container id='users-list'>{users.map(renderDetails)}</Container>	×
41	}

vitorspadacio / react-sample / 48076375-4172-4b28-a54f-71f705568d62

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

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