Fix: Resume Repl Example

examples/resume.txt

@@ -1,3 +1,26 @@
+Font.register({
+  family: 'SourceSansPro',
+  fonts: [
+    {
+      src: `fonts/SourceSansPro-Regular.ttf`
+    },
+    {
+      src: `fonts/SourceSansPro-Bold.ttf`,
+      fontWeight: 'bold'
+    },
+    {
+      src: `fonts/SourceSansPro-Italic.ttf`,
+      fontWeight: 'normal',
+      fontStyle: 'italic'
+    },
+    {
+      src: `fonts/SourceSansPro-BoldItalic.ttf`,
+      fontWeight: 'bold',
+      fontStyle: 'italic'
+    }
+  ]
+})
+
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
@@ -72,7 +95,7 @@ const styles = StyleSheet.create({
   },
   itemContent: {
     fontSize: 10,
-    fontFamily: 'Lato',
+    fontFamily: 'SourceSansPro',
   },
   headerContainer: {
     flexDirection: 'row',
@@ -226,7 +249,7 @@ const Skills = () => (
       skills={[
         'Completed Jedi Master training and built a lightsaber from scratch in order to do battle against the Empire',
         'Defeated the Rancor and rescued Princess Leia from Jabba the Hutt',
-        'Competent fighter pilot as well as an excelent shot with nearly any weapon',
+        'Competent fighter pilot as well as an excellent shot with nearly any weapon',
       ]}
     />
   </View>
@@ -264,15 +287,15 @@ const Experience = () => (
       details={[
         'Started a new Jedi Temple in order to train the next generation of Jedi Masters',
         'Discovered and trained a new generation of Jedi Knights, which he recruited from within the New Republic',
-        'Comunees with decesased Jedi Masters such as Anakin Skywalker, Yoda, Obi-Wan Kenobi in order to learn the secrets of the Jedi Order',
+        'Communes with deceased Jedi Masters such as Anakin Skywalker, Yoda, Obi-Wan Kenobi in order to learn the secrets of the Jedi Order',
       ]}
       position="Head Jedi Master"
     />
     <ExperienceEntry
       company="Revel Alliance"
       date="A long, long time ago"
       details={[
-        'Lead legions of troops into battle while demostrating bravery, competence and honor',
+        'Lead legions of troops into battle while demonstrating bravery, competence and honor',
         'Created complicated battle plans in conjunction with other Rebel leaders in order to ensure the greatest chance of success',
         'Defeated Darth Vader in single-combat, and convinced him to betray his mentor, the Emperor',
       ]}
@@ -293,32 +316,34 @@ const Experience = () => (
       company="Tatooine Moisture Refinery"
       date="A long, long time ago"
       details={[
-        'Replaced damaged power convereters',
-        'Performed menial labor thoughout the farm in order to ensure its continued operation',
+        'Replaced damaged power converters',
+        'Performed menial labor throughout the farm in order to ensure its continued operation',
       ]}
-      position="Mousture Farmer"
+      position="Moisture Farmer"
     />
   </View>
 );
 
 const resume = (
-  <Page size="A4">
-    <Header />
-    <View style={styles.container}>
-      <View style={styles.leftColumn}>
-        <Image
-          src="https://images.gr-assets.com/characters/1264613782p8/1783.jpg"
-          style={styles.image}
-        />
-        <Education />
-        <Skills />
-      </View>
-      <View style={styles.rightColumn}>
-        <Experience />
+  <Document>
+    <Page size="A4">
+      <Header />
+      <View style={styles.container}>
+        <View style={styles.leftColumn}>
+          <Image
+            src="images/luke.jpg"
+            style={styles.image}
+          />
+          <Education />
+          <Skills />
+        </View>
+        <View style={styles.rightColumn}>
+          <Experience />
+        </View>
       </View>
-    </View>
-    <Text style={styles.footer}>This IS the candidate you are looking for</Text>
-  </Page>
+      <Text style={styles.footer}>This IS the candidate you are looking for</Text>
+    </Page>
+  </Document>
 );
 
 ReactPDF.render(resume);