diff --git a/packages/web/src/impexp/ImportExportConfigurator.js b/packages/web/src/impexp/ImportExportConfigurator.js index cd6e83763..fa8192ea7 100644 --- a/packages/web/src/impexp/ImportExportConfigurator.js +++ b/packages/web/src/impexp/ImportExportConfigurator.js @@ -63,25 +63,18 @@ function DatabaseSelector() { ); } -function SourceTargetConfig({ - isSource = false, - isTarget = false, - storageTypeField, - connectionIdField, - databaseNameField, - tablesField, -}) { +function SourceTargetConfig({ direction, storageTypeField, connectionIdField, databaseNameField, tablesField }) { const types = [ - { value: 'database', label: 'Database' }, - { value: 'csv', label: 'CSV file(s)' }, - { value: 'json', label: 'JSON file(s)' }, + { value: 'database', label: 'Database', directions: ['source'] }, + { value: 'csv', label: 'CSV file(s)', directions: ['target'] }, + { value: 'json', label: 'JSON file(s)', directions: [] }, ]; const { values } = useFormikContext(); return ( - {isSource && } - {isTarget && } - + {direction == 'source' && } + {direction == 'target' && } + x.directions.includes(direction))} name={storageTypeField} /> {values[storageTypeField] == 'database' && ( <> @@ -100,14 +93,14 @@ export default function ImportExportConfigurator() { return (