From a74aaaad41b090eeeedbb22309202f4cba1c8cdd Mon Sep 17 00:00:00 2001
From: mrSnow95 <neves.brunobr@gmail.com>
Date: Mon, 22 Feb 2021 14:22:14 +0000
Subject: [PATCH] green background on new Rows on edit tables

---
 new-lamassu-admin/src/components/editableTable/Row.js |  3 ++-
 .../src/components/editableTable/Table.js             |  6 +++++-
 new-lamassu-admin/src/components/fake-table/Table.js  | 11 ++++++++++-
 .../src/components/fake-table/Table.styles.js         |  4 ++++
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/new-lamassu-admin/src/components/editableTable/Row.js b/new-lamassu-admin/src/components/editableTable/Row.js
index 84ec2420..03bf86f4 100644
--- a/new-lamassu-admin/src/components/editableTable/Row.js
+++ b/new-lamassu-admin/src/components/editableTable/Row.js
@@ -202,7 +202,7 @@ const groupStriped = elements => {
   )
 }
 
-const ERow = ({ editing, disabled, lastOfGroup }) => {
+const ERow = ({ editing, disabled, lastOfGroup, newRow }) => {
   const { touched, errors, values } = useFormikContext()
   const {
     elements,
@@ -249,6 +249,7 @@ const ERow = ({ editing, disabled, lastOfGroup }) => {
       className={classnames(classNames)}
       size={rowSize}
       error={editing && hasErrors}
+      newRow={newRow && !hasErrors}
       errorMessage={errorMessage}>
       {innerElements.map((it, idx) => {
         return (
diff --git a/new-lamassu-admin/src/components/editableTable/Table.js b/new-lamassu-admin/src/components/editableTable/Table.js
index 8d7ee976..bfda43a3 100644
--- a/new-lamassu-admin/src/components/editableTable/Table.js
+++ b/new-lamassu-admin/src/components/editableTable/Table.js
@@ -191,7 +191,11 @@ const ETable = ({
                     onSubmit={innerSave}>
                     <Form>
                       <PromptWhenDirty />
-                      <ERow editing={true} disabled={forceDisable} />
+                      <ERow
+                        editing={true}
+                        disabled={forceDisable}
+                        newRow={true}
+                      />
                     </Form>
                   </Formik>
                 )}
diff --git a/new-lamassu-admin/src/components/fake-table/Table.js b/new-lamassu-admin/src/components/fake-table/Table.js
index 051662b0..35154582 100644
--- a/new-lamassu-admin/src/components/fake-table/Table.js
+++ b/new-lamassu-admin/src/components/fake-table/Table.js
@@ -75,13 +75,22 @@ const ThDoubleLevel = ({ title, children, className, width }) => {
   )
 }
 
-const Tr = ({ onClick, error, errorMessage, children, className, size }) => {
+const Tr = ({
+  onClick,
+  error,
+  errorMessage,
+  children,
+  className,
+  size,
+  newRow
+}) => {
   const classes = useStyles({ size })
   const cardClasses = { root: classes.cardContentRoot }
   const classNames = {
     [classes.tr]: true,
     [classes.trError]: error,
     [classes.card]: true,
+    [classes.trAdding]: newRow,
     className
   }
 
diff --git a/new-lamassu-admin/src/components/fake-table/Table.styles.js b/new-lamassu-admin/src/components/fake-table/Table.styles.js
index f322360a..00586996 100644
--- a/new-lamassu-admin/src/components/fake-table/Table.styles.js
+++ b/new-lamassu-admin/src/components/fake-table/Table.styles.js
@@ -4,6 +4,7 @@ import {
   tableHeaderColor,
   tableHeaderHeight,
   tableErrorColor,
+  tableSuccessColor,
   spacer,
   white,
   tableDoubleHeaderHeight,
@@ -71,6 +72,9 @@ export default {
   trError: {
     backgroundColor: tableErrorColor
   },
+  trAdding: {
+    backgroundColor: tableSuccessColor
+  },
   mainContent: ({ size }) => {
     const sizes = {
       sm: 34,