location.js 941 B

1234567891011121314151617181920212223242526
  1. import Field from './_field';
  2. import { Input } from 'app/design/controls'
  3. import { useLocationField } from 'app/lib/form/use-form-field';
  4. import { LocationSuggest } from 'app/lib/form/form-fields-helpers';
  5. import { useTranslation } from 'react-i18next';
  6. export default function FormFieldLocation({ name, value, onChange, ...props }) {
  7. const { t } = useTranslation();
  8. const loc = useLocationField({ name, value, onChange, syncName: true });
  9. return (
  10. <Field classes="z-50" {...props}>
  11. <Input
  12. placeholder={t('Start typing your address')}
  13. value={loc.term}
  14. onChangeText={loc.onChangeText}
  15. />
  16. <LocationSuggest
  17. searchError={loc.searchError}
  18. selectionMade={loc.selectionMade}
  19. locationResults={loc.locationResults}
  20. onSelect={loc.onSelect}
  21. />
  22. </Field>
  23. );
  24. }