From f46ca50b6d5a08bf7f463d1ed737a0b7df56d9a5 Mon Sep 17 00:00:00 2001
From: inffq <diazagueromario@gmail.com>
Date: Thu, 8 Jul 2021 01:29:53 -0300
Subject: [PATCH] ActualizationFirebase / Modifying TableCart and IconUi from
 ItemCount

---
 src/components/cart/Cart.jsx           |  4 ++--
 src/components/cart/TableCart.jsx      | 15 +++++++++++++--
 src/components/itemCount/ItemCount.jsx |  8 +++-----
 src/firebase/index.js                  |  4 ++--
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/components/cart/Cart.jsx b/src/components/cart/Cart.jsx
index e95136a..129176a 100644
--- a/src/components/cart/Cart.jsx
+++ b/src/components/cart/Cart.jsx
@@ -1,10 +1,10 @@
 import React, { useState } from 'react'
 import Formulario from '../formulario/Formulario'
 import CartContext from '../../context/CartContext'
-import * as firebase from 'firebase/app'
+import firebase from 'firebase/app'
 import NoProductMessage from './NoProductMessage'
 import MessageOrden from './MessageOrden'
-import 'firebase/firestore'
+import 'firebase'
 import { getFirestore } from '../../firebase'
 import TableCart from './TableCart'
 import Carousel from '../carousel/Carousel'
diff --git a/src/components/cart/TableCart.jsx b/src/components/cart/TableCart.jsx
index 28f59e8..5544392 100644
--- a/src/components/cart/TableCart.jsx
+++ b/src/components/cart/TableCart.jsx
@@ -20,8 +20,8 @@ const TableCart = ({ setShowForm }) => {
     const { cartItem, deleteProduct, costoTotal } =
         React.useContext(CartContext)
 
-    const deleteItem = (id) => {
-        deleteProduct(id)
+    const deleteItem = (item) => {
+        deleteProduct(item)
     }
     const classes = useStyles()
     return (
@@ -53,6 +53,11 @@ const TableCart = ({ setShowForm }) => {
                                 >
                                     Price
                                 </TableCell>
+                                <TableCell
+                                    align="right"
+                                    style={{ minWidth: 30 }}
+                                >
+                                </TableCell>
                             </TableRow>
                         </TableHead>
                         <TableBody>
@@ -73,6 +78,12 @@ const TableCart = ({ setShowForm }) => {
                                         <TableCell align="right">
                                             {convertToMoney(item.price)}
                                         </TableCell>
+                                        <TableCell
+                                             align="right">
+                                            <Button onClick={() => deleteItem(item)}>
+                                            Delete
+                                            </Button>
+                                        </TableCell>
                                     </TableRow>
                                 )
                             })}
diff --git a/src/components/itemCount/ItemCount.jsx b/src/components/itemCount/ItemCount.jsx
index 84b7c22..d27da6f 100644
--- a/src/components/itemCount/ItemCount.jsx
+++ b/src/components/itemCount/ItemCount.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
-import Icon from '@material-ui/core/Icon'
 import RemoveCircleIcon from '@material-ui/icons/RemoveCircle'
+import AddCircleIcon from '@material-ui/icons/AddCircle'
 import Box from '@material-ui/core/Box'
 
 const ItemCount = ({ min, stock, count, setCount }) => {
@@ -27,13 +27,11 @@ const ItemCount = ({ min, stock, count, setCount }) => {
                             onClick={subtract}
                         ></RemoveCircleIcon>
                         <span style={{ paddingTop: '7px' }}>{count}</span>
-                        <Icon
+                        <AddCircleIcon
                             style={{ fontSize: 30 }}
                             disabled={count === stock}
                             onClick={add}
-                        >
-                            add_circle
-                        </Icon>
+                        ></AddCircleIcon>
                     </>
                 )}
             </Box>
diff --git a/src/firebase/index.js b/src/firebase/index.js
index 139c7c6..dd994c0 100644
--- a/src/firebase/index.js
+++ b/src/firebase/index.js
@@ -1,5 +1,5 @@
-import * as firebase from 'firebase/app'
-import 'firebase/firestore'
+import firebase from 'firebase/app'
+import 'firebase'
 
 const app = firebase.initializeApp({
     apiKey: process.env.REACT_APP_API_KEY_FIREBASE,