Fix Typeaheads: make sure new entries get saved

[haimich]

Failed attempt:

async handleExpenseTypeChange(selected: any) {
    console.log('Handle');
    
    let isNew = false
    let type = ''
    
    if (selected != null && selected.length === 1) {
      let selectedExpenseType = selected[0]

      isNew = (selectedExpenseType.id == null)

      if (! isNew) {
        this.setState({ selectedExpenseType: selected })
        return
      } else {
        type = selectedExpenseType.type
      }
    } else {
      let input: any = ReactDOM.findDOMNode(this.refs.expenseTypeTypeahead.getInstance()).querySelector(`input[name=expenseType]`)
      
      if (input.value == null || input.value === '') {
        return
      }

      let existingType

      try {
        existingType = await getExpenseTypeByType(input.value)
      } catch (err) {
        console.error('Could not fetch expense type', err)
        return
      }

      isNew = (existingType == null)

      if (isNew) {
        type = input.value
      }
    }

    // if (selectedExpenseType.customOption && existingType == null) {
    //   isNewExpenseType = true
    // }

    if (isNew) {
      let expenseType

      try {
        expenseType = await createExpenseType({
          type
        })
      } catch (err) {
        this.props.notify(t('Der Ausgabenstyp konnte nicht angelegt werden: ') + err, 'error')
      }

      this.setState({
        selectedExpenseType: [expenseType],
        expenseTypeList: [expenseType].concat(this.state.expenseTypeList)
      })
    }
  }