uso e tipagem de seletores

DenyCodes · Jan 10, 2024 · 5447c0b · 5447c0b
1 parent ea12ce7
commit 5447c0b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -1,13 +1,14 @@
+import { useSelector } from 'react-redux'
 import * as S from './styles'
 
 import cesta from '../../assets/cesta.png'
 import { paraReal } from '../Produto'
-import { useSelector } from 'react-redux'
 
 import { RootReducer } from '../../store'
 
 const Header = () => {
   const itens = useSelector((state: RootReducer) => state.carrinho.itens)
+
   const valorTotal = itens.reduce((acc, item) => {
     acc += item.preco
     return acc

diff --git a/src/store/reducers/carrinho.ts b/src/store/reducers/carrinho.ts
@@ -14,12 +14,12 @@ const carrinhoSlice = createSlice({
   initialState,
   reducers: {
     adicionar: (state, action: PayloadAction<Produto>) => {
-      const produtos = action.payload
+      const novoProduto = action.payload
 
-      if (state.itens.find((produtos) => produtos.id === produtos.id)) {
+      if (state.itens.find((produtos) => produtos.id === novoProduto.id)) {
         alert('item já adicionado')
       } else {
-        state.itens.push(produtos)
+        state.itens.push(novoProduto)
       }
     }
   }