Use formValues to access property key value

Feature #14393

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>

diff --git a/src/views-components/resource-properties-form/property-value-field.tsx b/src/views-components/resource-properties-form/property-value-field.tsx
index eed8e75b6c2ee56d8f7b725b0dc91af15d061f5c..8574e609b565ffc6fd014a18ea6be44bbdad026c 100644 (file)
--- a/src/views-components/resource-properties-form/property-value-field.tsx
+++ b/src/views-components/resource-properties-form/property-value-field.tsx
@@ -3,9 +3,10 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from 'react';
-import { WrappedFieldProps, Field } from 'redux-form';
+import { WrappedFieldProps, Field, formValues } from 'redux-form';
 import { connect } from 'react-redux';
 import { identity } from 'lodash';
+import { compose } from 'redux';
 import { RootState } from '~/store/store';
 import { getVocabulary } from '~/store/vocabulary/vocabulary-selctors';
 import { Autocomplete } from '~/components/autocomplete/autocomplete';
@@ -26,7 +27,10 @@ const mapStateToProps = (state: RootState): VocabularyProp => ({
     vocabulary: getVocabulary(state.properties),
 });
 
-export const PropertyValueField = connect(mapStateToProps)(
+export const PropertyValueField = compose(
+    connect(mapStateToProps),
+    formValues({ propertyKey: 'key' })
+)(
     (props: PropertyValueFieldProps) =>
         <Field
             name='value'