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