@ -1,3 +1,4 @@
import { maxBy } from 'lodash' ;
import PropTypes from 'prop-types' ;
import React , { Component } from 'react' ;
import FormInputGroup from 'Components/Form/FormInputGroup' ;
@ -8,6 +9,7 @@ import ModalContent from 'Components/Modal/ModalContent';
import ModalFooter from 'Components/Modal/ModalFooter' ;
import ModalHeader from 'Components/Modal/ModalHeader' ;
import { inputTypes } from 'Helpers/Props' ;
import translate from 'Utilities/String/translate' ;
import FilterBuilderRow from './FilterBuilderRow' ;
import styles from './FilterBuilderModalContent.css' ;
@ -49,7 +51,7 @@ class FilterBuilderModalContent extends Component {
if ( id ) {
dispatchSetFilter ( { selectedFilterKey : id } ) ;
} else {
const last = customFilters[ customFilters . length - 1 ] ;
const last = maxBy( customFilters , 'id' ) ;
dispatchSetFilter ( { selectedFilterKey : last . id } ) ;
}
@ -107,7 +109,7 @@ class FilterBuilderModalContent extends Component {
this . setState ( {
labelErrors : [
{
message : 'Label is required'
message : translate ( 'LabelIsRequired' )
}
]
} ) ;
@ -145,13 +147,13 @@ class FilterBuilderModalContent extends Component {
return (
< ModalContent onModalClose = { onModalClose } >
< ModalHeader >
Custom Filter
{ translate( ' CustomFilter') }
< / M o d a l H e a d e r >
< ModalBody >
< div className = { styles . labelContainer } >
< div className = { styles . label } >
Label
{ translate( ' Label') }
< / d i v >
< div className = { styles . labelInputContainer } >
@ -165,7 +167,9 @@ class FilterBuilderModalContent extends Component {
< / d i v >
< / d i v >
< div className = { styles . label } > Filters < / d i v >
< div className = { styles . label } >
{ translate ( 'Filters' ) }
< / d i v >
< div className = { styles . rows } >
{
@ -192,7 +196,7 @@ class FilterBuilderModalContent extends Component {
< ModalFooter >
< Button onPress = { onCancelPress } >
Cancel
{ translate( ' Cancel') }
< / B u t t o n >
< SpinnerErrorButton
@ -200,7 +204,7 @@ class FilterBuilderModalContent extends Component {
error = { saveError }
onPress = { this . onSaveFilterPress }
>
Save
{ translate( ' Save') }
< / S p i n n e r E r r o r B u t t o n >
< / M o d a l F o o t e r >
< / M o d a l C o n t e n t >