From 45fefa915bf1ab020457e87dae07ff88428e64da Mon Sep 17 00:00:00 2001
From: Asabeneh <asabeneh@gmail.com>
Date: Sat, 10 Oct 2020 01:23:35 +0300
Subject: [PATCH] Level 2 questions has been added

---
 .../09_conditional_rendering.md               | 22 +++++++++----------
 .../src/index.js                              |  4 +---
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/09_Day_Conditional_Rendering/09_conditional_rendering.md b/09_Day_Conditional_Rendering/09_conditional_rendering.md
index ea0dcc6..fbc7184 100644
--- a/09_Day_Conditional_Rendering/09_conditional_rendering.md
+++ b/09_Day_Conditional_Rendering/09_conditional_rendering.md
@@ -359,6 +359,17 @@ class Header extends React.Component {
   }
 }
 
+const Login = () => (
+  <div>
+    <h3>Please Login</h3>
+  </div>
+)
+const Welcome = (props) => (
+  <div>
+    <h1>Welcome to 30 Days Of React</h1>
+  </div>
+)
+
 class App extends React.Component {
   state = {
     loggedIn: false,
@@ -381,17 +392,6 @@ class App extends React.Component {
       date: 'Oct 9, 2020',
     }
 
-    const Login = () => (
-      <div>
-        <h3>Please Login</h3>
-      </div>
-    )
-    const Welcome = (props) => (
-      <div>
-        <h1>Welcome to 30 Days Of React</h1>
-      </div>
-    )
-
     const status = this.state.loggedIn ? <Welcome /> : <Login />
 
     return (
diff --git a/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js b/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js
index 673ecaf..f156a31 100644
--- a/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js
+++ b/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js
@@ -5,7 +5,6 @@ import ReactDOM from 'react-dom'
 // class based component
 class Header extends React.Component {
   render() {
-    console.log(this.props.data)
     const {
       welcome,
       title,
@@ -15,7 +14,7 @@ class Header extends React.Component {
     } = this.props.data
 
     return (
-      <header style={this.props.styles}>
+      <header>
         <div className='header-wrapper'>
           <h1>{welcome}</h1>
           <h2>{title}</h2>
@@ -208,7 +207,6 @@ class App extends React.Component {
 
     return (
       <div className='app'>
-        {this.state.backgroundColor}
         <Header data={data} />
 
         <Main