From a9e053b7895eadb6f2c3ec6f7800784a90acf994 Mon Sep 17 00:00:00 2001
From: David Graham <dpgraham4401@gmail.com>
Date: Wed, 11 Oct 2023 12:37:28 -0400
Subject: [PATCH] quick modify waste row action buttons

---
 .../Manifest/WasteLine/WasteLineForm.tsx           |  3 ---
 .../WasteLine/WasteLineTable/WasteRowActions.tsx   | 14 +++++++++-----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Manifest/WasteLine/WasteLineForm.tsx b/client/src/components/Manifest/WasteLine/WasteLineForm.tsx
index 5484756e1..227b50168 100644
--- a/client/src/components/Manifest/WasteLine/WasteLineForm.tsx
+++ b/client/src/components/Manifest/WasteLine/WasteLineForm.tsx
@@ -54,14 +54,11 @@ export function WasteLineForm({ handleClose, wasteForm, waste, lineNumber }: Was
     setValue,
   } = wasteMethods;
 
-  console.log('errors', errors);
-
   /**
    * onSubmit is the callback function for the form submission.
    * @param wasteLine the data submitted from the form
    */
   const onSubmit = (wasteLine: WasteLine) => {
-    console.log('new wasteline ', wasteLine);
     if (editWasteLineIndex) {
       wasteForm.update(editWasteLineIndex, wasteLine); // append the new waste line to the manifest
     } else {
diff --git a/client/src/components/Manifest/WasteLine/WasteLineTable/WasteRowActions.tsx b/client/src/components/Manifest/WasteLine/WasteLineTable/WasteRowActions.tsx
index d0918eefd..98ac98c3e 100644
--- a/client/src/components/Manifest/WasteLine/WasteLineTable/WasteRowActions.tsx
+++ b/client/src/components/Manifest/WasteLine/WasteLineTable/WasteRowActions.tsx
@@ -1,4 +1,4 @@
-import { faTimes, faTools } from '@fortawesome/free-solid-svg-icons';
+import { faTools, faTrash } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Manifest } from 'components/Manifest';
 import React from 'react';
@@ -25,21 +25,25 @@ function WasteRowActions({
   return (
     <div className="d-flex justify-content-between mx-0">
       <Button
-        title={`remove-waste-${index}-button`}
-        variant="danger"
+        title={`remove waste row ${index + 1}`}
+        variant="outline-danger"
+        style={{ border: 'none' }}
         onClick={() => {
           wasteForm.remove(index);
         }}
       >
-        <FontAwesomeIcon icon={faTimes} />
+        <FontAwesomeIcon icon={faTrash} />
       </Button>
       <Button
+        title={`edit waste row ${index + 1}`}
+        variant="outline-primary"
+        style={{ border: 'none' }}
         onClick={() => {
           setEditWasteLine(index);
           toggleWLModal();
         }}
       >
-        <FontAwesomeIcon icon={faTools} className="text-light" />
+        <FontAwesomeIcon icon={faTools} />
       </Button>
     </div>
   );