styles

src/form.js

@@ -48,10 +48,13 @@ const cats = [
   'All claw and no meow'
 ]
 
+const partyHosts = ['In-Young', 'Emmanuel']
+
 const MakeAttendees = (attendees) => {
   const items = []
   for (let i = 0; i < attendees.length; i++) {
-    items.push(<div style={{flex: 1}}key={i}>{i+1}. <div>Name: <span className='attendee-name'>{attendees[i].name}</span></div><div>Type: <span className='attendee-name'>{attendees[i].cat ? attendees[i].cat : 'Hates cats'}</span></div><div>Lonely: <span className='attendee-name'>{attendees[i].guest ? 'Yes!' : 'No :('}</span></div><br /><br /></div>)
+    items.push(<div style={{flex: 1}}key={i}>{i+1}. <div>Name: <span className='attendee-name'>{attendees[i].name}</span></div><div>Type: <span className='attendee-name'>{attendees[i].cat ? attendees[i].cat : 'Cat hater'}</span></div>{partyHosts.indexOf(attendees[i].name) < 0 ?<div>Extra Guest: <span className='attendee-name'>{attendees[i].guest ? 'Yes!' : 'No :('}</span></div>
+    : ''}<br /><br /></div>)
   }
   return (<div style={{display: 'block', color: 'black', fontSize: '50%', textAlign: 'left'}}>{items}</div>)
 }