message: Made non-name fields readonly
diff: @@ -4,12 +4,24 @@ import {connect} from 'react-redux';
  const mapStateToProps = ({byId}, {id}) => ({person: byId[id]});
  -const Person = ({person: {name}}) => (
  +const Person = ({person: {name, dateOfBirth, email, phone}}) => (
  <SafeAreaView>
  <View style={styles.field}>
  <Text style={styles.label}>Name</Text>
  <TextInput style={styles.entry}>{name}</TextInput>
  </View>
  + <View style={styles.field}>
  + <Text style={styles.label}>DOB</Text>
  + <Text style={styles.entry}>{dateOfBirth}</Text>
  + </View>
  + <View style={styles.field}>
  + <Text style={styles.label}>Email</Text>
  + <Text style={styles.entry}>{email}</Text>
  + </View>
  + <View style={styles.field}>
  + <Text style={styles.label}>Phone</Text>
  + <Text style={styles.entry}>{phone}</Text>
  + </View>
  </SafeAreaView>
  );
  @@ -18,7 +30,8 @@ export default connect(mapStateToProps)(Person);
  const styles = StyleSheet.create({
  field: {
  flexDirection: 'row',
  - padding: 20,
  + margin: 5,
  + marginLeft: 25,
  },
  label: {
  width: 100,
  