add intended use filter for least list (#490)

utilizes choices loaded from metadata with OPTIONS lease/
City-of-Helsinki · Jun 14, 2024 · 0edbdd8 · 0edbdd8
1 parent b96077c
commit 0edbdd8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/src/components/form/FormField.tsx b/src/components/form/FormField.tsx
@@ -172,6 +172,7 @@ const FormFieldInput = ({
       case FieldTypeOptions.STRING:
       case FieldTypeOptions.HIDDEN:
       case FieldTypeOptions.FRACTIONAL:
+      case FieldTypeOptions.INTENDED_USE:
         return value;
 
       case FieldTypeOptions.REFERENCE_NUMBER:
@@ -189,9 +190,6 @@ const FormFieldInput = ({
       case FieldTypeOptions.USER:
         return getUserFullName(value);
 
-      case FieldTypeOptions.INTENDED_USE:
-        return value ? value.label : '-';
-
       default:
         console.error(`Field type ${type} is not implemented`);
         return 'NOT IMPLEMENTED';

diff --git a/src/leases/components/search/Search.tsx b/src/leases/components/search/Search.tsx
@@ -47,6 +47,7 @@ type Props = {
 };
 type State = {
   decisionMakerOptions: Array<Record<string, any>>;
+  intendedUseOptions: Array<Record<string, any>>;
   isBasicSearch: boolean;
   leaseAttributes: Attributes;
   lessors: LessorList;
@@ -61,6 +62,7 @@ class Search extends PureComponent<Props, State> {
   _isMounted: boolean;
   state = {
     decisionMakerOptions: [],
+    intendedUseOptions: [],
     isBasicSearch: true,
     leaseAttributes: null,
     lessors: [],
@@ -96,6 +98,7 @@ class Search extends PureComponent<Props, State> {
     if (props.leaseAttributes !== state.leaseAttributes) {
       newState.leaseAttributes = props.leaseAttributes;
       newState.decisionMakerOptions = getFieldOptions(props.leaseAttributes, LeaseDecisionsFieldPaths.DECISION_MAKER);
+      newState.intendedUseOptions = getFieldOptions(props.leaseAttributes, LeaseFieldPaths.INTENDED_USE);
       newState.municipalityOptions = getFieldOptions(props.leaseAttributes, LeaseFieldPaths.MUNICIPALITY);
       newState.tenantTypeOptions = getFieldOptions(props.leaseAttributes, LeaseTenantContactSetFieldPaths.TYPE, false);
       newState.typeOptions = getFieldOptions(props.leaseAttributes, LeaseFieldPaths.TYPE);
@@ -161,6 +164,7 @@ class Search extends PureComponent<Props, State> {
     delete searchQuery.in_bbox;
     delete searchQuery.visualization;
     delete searchQuery.zoom;
+    delete searchQuery.intended_use;
     delete searchQuery.service_unit;
     const keys = Object.keys(searchQuery);
 
@@ -215,6 +219,7 @@ class Search extends PureComponent<Props, State> {
     } = this.props;
     const {
       decisionMakerOptions,
+      intendedUseOptions,
       isBasicSearch,
       lessorOptions,
       municipalityOptions,
@@ -589,6 +594,21 @@ class Search extends PureComponent<Props, State> {
                 }} invisibleLabel name='invoice_number' />
                   </SearchInputColumn>
                 </SearchRow>
+
+                <SearchRow>
+                  <SearchLabelColumn>
+                    <SearchLabel>Vuokrauksen käyttötarkoitus</SearchLabel>
+                  </SearchLabelColumn>
+                  <SearchInputColumn>
+                    <FormField autoBlur disableDirty fieldAttributes={{
+                  label: 'Vuokrauksen käyttötarkoitus',
+                  type: FieldTypes.CHOICE,
+                  read_only: false
+                }} invisibleLabel name='intended_use' overrideValues={{
+                  options: intendedUseOptions
+                }} />
+                  </SearchInputColumn>
+                </SearchRow>
               </Column>
             </Row>
           </Fragment>}