green background on new Rows on edit tables

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 (

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>
                 )}

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
   }
 

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,