From 3791fd76074b84f9eaad7b436119d3a5fc5cd182 Mon Sep 17 00:00:00 2001
From: Yutsuo <yutsuo@gmail.com>
Date: Thu, 28 Nov 2019 19:54:41 -0300
Subject: [PATCH] ongoing course

---
 02/src/App.js | 59 +++++++++++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 25 deletions(-)

diff --git a/02/src/App.js b/02/src/App.js
index 475b4d85..96cb9b77 100644
--- a/02/src/App.js
+++ b/02/src/App.js
@@ -99,31 +99,40 @@ class App extends React.Component {
   }
 
   render() {
-      return (
-        <div className="App">
-          <h1>Hi, I'm a React App, I'm cute.</h1>
-          <p>Created using OOP code</p>
-          <button onClick={() => this.switchNameHandler()}>Switch Char</button>
-          <Person
-            name={this.state.character[0].name}
-            ilvl={this.state.character[0].ilvl}
-          />
-          <Person
-            name={this.state.character[1].name}
-            ilvl={this.state.character[1].ilvl}
-            click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
-            changed={this.nameChangedHandler}
-          />
-          <Person
-            name={this.state.character[2].name}
-            ilvl={this.state.character[2].ilvl}
-          />
-          {/* <br />
-          <Person name="Yutsuo" ilvl="320">Main Character</Person>
-          <Person name="Schwarzgeist" ilvl="200" />
-          <Person name="Murom" ilvl="78" /> */}
-        </div>
-      );
+    const style = {
+      backgroundColor: 'white',
+      font: 'inherit',
+      border: '1px solid blue',
+      padding: '8px'
+    };
+
+    return (
+      <div className="App">
+        <h1>Hi, I'm a React App, I'm cute.</h1>
+        <p>Created using OOP code</p>
+        <button 
+          style={style}
+          onClick={() => this.switchNameHandler()}>Switch Char</button>
+        <Person
+          name={this.state.character[0].name}
+          ilvl={this.state.character[0].ilvl}
+        />
+        <Person
+          name={this.state.character[1].name}
+          ilvl={this.state.character[1].ilvl}
+          click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
+          changed={this.nameChangedHandler}
+        />
+        <Person
+          name={this.state.character[2].name}
+          ilvl={this.state.character[2].ilvl}
+        />
+        {/* <br />
+        <Person name="Yutsuo" ilvl="320">Main Character</Person>
+        <Person name="Schwarzgeist" ilvl="200" />
+        <Person name="Murom" ilvl="78" /> */}
+      </div>
+    );
     // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));
   }
 }