Added delete icon to expenses list

damienteo · Mar 10, 2019 · d8742eb · d8742eb
1 parent f9c8fd6
commit d8742eb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -42,10 +42,10 @@ const styles = {
   },
 };
 
-// const localHost = 'http://localhost:4000'
+const localHost = 'http://localhost:4000'
 const herokuSite = 'https://my-budget-planner-api.herokuapp.com'
 
-let site = herokuSite;
+let site = localHost;
 
 //================================================================================
 // Start of Class

diff --git a/src/components/texts/ExpenseList.jsx b/src/components/texts/ExpenseList.jsx
@@ -12,7 +12,9 @@ import {
     TableCell,
     TableHead,
     TableRow,
+    IconButton
 } from '@material-ui/core';
+import DeleteIcon from '@material-ui/icons/Delete';
 
 const moment = require('moment');
 
@@ -56,7 +58,14 @@ class ExpenseList extends React.Component {
                     </TableCell>
                     <TableCell align="right">${expense.expense}</TableCell>
                     <TableCell align="right">{formattedMonth}</TableCell>
-                </TableRow>
+                    <TableCell align="right">
+                        <IconButton>
+                            <DeleteIcon
+                                color="action"
+                            />
+                        </IconButton>
+                    </TableCell>
+                </TableRow >
             )
         })
 
@@ -87,6 +96,7 @@ class ExpenseList extends React.Component {
                                     <TableCell>Reason</TableCell>
                                     <TableCell align="right">Sum</TableCell>
                                     <TableCell align="right">Month</TableCell>
+                                    <TableCell align="right"> </TableCell>
                                 </TableRow>
                             </TableHead>
                             <TableBody>
@@ -101,7 +111,7 @@ class ExpenseList extends React.Component {
                     </DialogActions>
                 </Dialog>
 
-            </React.Fragment>
+            </React.Fragment >
         )
     }
 }