'use strict';

var React = require('react-native');
var {
  AppRegistry,
  PickerIOS,
  Text,
  View,
} = React;

var PickerItemIOS = PickerIOS.Item;

var CAR_MAKES_AND_MODELS = {
  '300': {
    bar: '300',
    minutes: '51',
  },
  '290': {
    bar: '290',
    minutes: '49',
  },
  '280': {
    bar: '280',
    minutes: '47',
  },
  '270': {
    bar: '270',
    minutes: '45',
  },
  '260': {
    bar: '260',
    minutes: '44',
  },
  '250': {
    bar: '250',
    minutes: '42',
  },
  '240': {
    bar: '240',
    minutes: '40',
  },
  '230': {
    bar: '230',
    minutes: '38',
  },
  '220': {
    bar: '220',
    minutes: '36',
  },
  '210': {
    bar: '210',
    minutes: '34',
  },
  '200': {
    bar: '200',
    minutes: '33',
  },
  '190': {
    bar: '190',
    minutes: '31',
  },
  '180': {
    bar: '180',
    minutes: '29',
  },
  '170': {
    bar: '170',
    minutes: '27',
  },
  '160': {
    bar: '160',
    minutes: '25',
  },
  '150': {
    bar: '150',
    minutes: '23',
  },
  '140': {
    bar: '140',
    minutes: '21',
  },
  '130': {
    bar: '130',
    minutes: '19',
  },
  '120': {
    bar: '120',
    minutes: '17',
  },
  '110': {
    bar: '110',
    minutes: '15',
  },
};

var SaveTheShoes = React.createClass({
  getInitialState: function() {
    return {
      carMake: '300',
      minutes: 0,
    };
  },

  render: function() {
    var make = CAR_MAKES_AND_MODELS[this.state.carMake];
    var selectionString = make.bar + ' bar which gives ' + make.minutes + ' minutes.';
    return (
      <View>
        <Text></Text>
        <Text>Enter your tank BA</Text>
        <PickerIOS
          selectedValue={this.state.carMake}
          onValueChange={(carMake) => this.setState({carMake, minutes: 0})}>
          {Object.keys(CAR_MAKES_AND_MODELS).map((carMake) => (
            <PickerItemIOS
              key={carMake}
              value={carMake}
              label={CAR_MAKES_AND_MODELS[carMake].bar}
              />
            )
          )}
        </PickerIOS>
        <Text>You selected: {selectionString}</Text>
      </View>
    );
  },
});

AppRegistry.registerComponent('SaveTheShoes', () => SaveTheShoes);

@@ -148,31 +148,31 @@
 m;%0A%0Avar 
-CAR_MAK
+PRESSUR
 ES_AND_M
 ODELS = 
@@ -163,20 +163,21 @@
 ES_AND_M
-ODEL
+INUTE
 S = %7B%0A  
@@ -1288,22 +1288,26 @@
 %7B%0A      
-carMak
+barPressur
 e: '300'
@@ -1374,30 +1374,34 @@
 var 
-make = CAR_MAK
+pressure = PRESSUR
 ES_AND_M
 ODEL
@@ -1396,20 +1396,21 @@
 ES_AND_M
-ODEL
+INUTE
 S%5Bthis.s
@@ -1414,22 +1414,26 @@
 s.state.
-carMak
+barPressur
 e%5D;%0A    
@@ -1454,19 +1454,23 @@
 tring = 
-mak
+pressur
 e.bar + 
@@ -1495,11 +1495,15 @@
 ' + 
-mak
+pressur
 e.mi
@@ -1666,22 +1666,26 @@
 s.state.
-carMak
+barPressur
 e%7D%0A     
@@ -1705,22 +1705,26 @@
 hange=%7B(
-carMak
+barPressur
 e) =%3E th
@@ -1736,22 +1736,26 @@
 tState(%7B
-carMak
+barPressur
 e, minut
@@ -1787,31 +1787,31 @@
 ct.keys(
-CAR_MAK
+PRESSUR
 ES_AND_M
 ODELS).m
@@ -1806,20 +1806,21 @@
 ND_M
-ODEL
+INUTE
 S).map((
 carM
@@ -1815,22 +1815,26 @@
 S).map((
-carMak
+barPressur
 e) =%3E (%0A
@@ -1879,22 +1879,26 @@
    key=%7B
-carMak
+barPressur
 e%7D%0A     
@@ -1913,22 +1913,26 @@
  value=%7B
-carMak
+barPressur
 e%7D%0A     
@@ -1951,23 +1951,23 @@
 el=%7B
-CAR_MAK
+PRESSUR
 ES_AND_M
 ODEL
@@ -1966,20 +1966,25 @@
 ND_M
-ODELS%5BcarMak
+INUTES%5BbarPressur
 e%5D.b

Update variable names