generateblocks
/
src
/
blocks
/
query-loop
/
components
/
inspector-controls
/
parameter-list
/
index.js
generateblocks
/
src
/
blocks
/
query-loop
/
components
/
inspector-controls
/
parameter-list
Last commit date
ControlBuilder.js
4 years ago
ParameterControl.js
4 years ago
RemoveButton.js
4 years ago
index.js
4 years ago
index.js
27 lines
| 1 | import queryParameterOptions from '../../../query-parameters'; |
| 2 | import ParameterControl from './ParameterControl'; |
| 3 | |
| 4 | const getParametersList = ( query ) => { |
| 5 | return queryParameterOptions.filter( ( parameter ) => Object.keys( query ).includes( parameter.id ) ); |
| 6 | }; |
| 7 | |
| 8 | export default ( { query, setParameter, removeParameter } ) => { |
| 9 | const parameterList = getParametersList( query ); |
| 10 | |
| 11 | return ( |
| 12 | <> |
| 13 | <div style={ { marginBottom: '1.33em' } }> |
| 14 | { parameterList && parameterList.map( ( parameter ) => ( |
| 15 | <ParameterControl |
| 16 | key={ parameter.id } |
| 17 | parameter={ parameter } |
| 18 | query={ query } |
| 19 | setParameter={ setParameter } |
| 20 | removeParameter={ removeParameter } |
| 21 | /> |
| 22 | ) ) } |
| 23 | </div> |
| 24 | </> |
| 25 | ); |
| 26 | }; |
| 27 |