Added doctor number to modal.

hoaxoan · Feb 24, 2017 · a50676b · a50676b
1 parent eff7750
commit a50676b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/app/components/Doctor.js b/app/components/Doctor.js
@@ -20,6 +20,8 @@ class Doctor extends Component {
                     </TouchableOpacity>
                 </View>
                 <View>
+                    <Text style={styles.header}>{`#${doctor.doctorNumber}`}</Text>
+                    <Text style={styles.text}>{doctor.description}</Text>
                     <Text style={styles.title}>{'Who Played Him:'}</Text>
                     <Text style={styles.text}>{doctor.actor}</Text>
                     <Text style={styles.title}>{'When:'}</Text>
@@ -30,7 +32,6 @@ class Doctor extends Component {
                     <Text style={styles.text}>{doctor.regeneration}</Text>
                     <Text style={styles.title}>{'Three Recommended Stories:'}</Text>
                     <Text style={styles.text}>{doctor.stories}</Text>
-                    <Text style={styles.text}>{doctor.description}</Text>
                 </View>
             </ScrollView>
         )

diff --git a/app/components/styles/doctor.js b/app/components/styles/doctor.js
@@ -7,6 +7,12 @@ export default StyleSheet.create({
         fontSize: 18,
         fontWeight: 'bold'
     },
+    header: {
+        color: Colors.text.highlight.dark,
+        fontFamily: 'FiraSans-Bold',
+        fontSize: 50,
+        fontWeight: 'bold'
+    },
     modal: {
         backgroundColor: Colors.background.primary,
         flex: 1,