Settings page more or less exactly like the BART example

settings.jsx

function mySettings(props) {
  return (
    <Page>
      <Section title={<Text bold align="center"> Schedule </Text>}>
        <AdditiveList
          title="Select your favorite stations"
          settingsKey="favorite_station_setting"
          maxItems="10"
          addAction={
            quayPicker(props)
          }
        />
      </Section>
    </Page>
  );
}

function quayPicker(props) {
  return (
    <Section>
      <TextInput
        title="Add a Bart Station"
        label="Name"
        placeholder="Type something"
        action="Add Station"
        onChange={(value) => {}} //XXX Can i do something here
        onAutocomplete={(value) => {
          return getAutoQuay(value).then(function(quayData) {
            //XXX quayData is a list of matching stations
            //XXX Can i do something here to return a new list that can be rendered instead of data?
            //XXX 
            return quayData;
          }).catch(function(error) {
              console.log('mySettings: error'); console.log(e);
            }
          });
        }}
      />
    </Section>
  );
}

registerSettingsPage(mySettings);