From 19ff10394b138a02bfbcefa3b863ea1711e2a7d1 Mon Sep 17 00:00:00 2001
From: April <aprilcr87@gmail.com>
Date: Wed, 5 Jan 2022 11:43:13 -0600
Subject: [PATCH 1/3] added new page

---
 src/App.css        |  1 +
 src/App.js         | 12 ++++++++++--
 src/pages/About.js |  9 +++++++++
 src/service.js     |  6 ++++++
 4 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/About.js

diff --git a/src/App.css b/src/App.css
index 00a9779..c435776 100644
--- a/src/App.css
+++ b/src/App.css
@@ -3,6 +3,7 @@
   height: 5rem;
   background-color: #044599;
   padding: 0 10%;
+  text-align: center;
 }
 
 .header nav {
diff --git a/src/App.js b/src/App.js
index e7dda49..e9681be 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,6 +5,7 @@ import './App.css';
 import { fetchCat, fetchYe } from './service';
 import Cats from './pages/cats';
 import Quote from './pages/quote';
+import About from './pages/About';
 
 class App extends React.Component {
   constructor() {
@@ -23,11 +24,12 @@ class App extends React.Component {
     });
  }
 
- getQuote = () => {
+getQuote = () => {
   return fetchYe().then(data => {
     let quote = data.quote;
     this.setState({quote: quote, picUrl: 'https://picsum.photos/600/600?grayscale'});
   });
+  
 }
 
   render() {
@@ -37,11 +39,14 @@ class App extends React.Component {
           <nav>
             <ul>
               <li>
-                <Link to="/cats">Cat-apult</Link>
+                <a href="/cats">Cat-apult</a>
               </li>
               <li>
                 <Link to="/quotes">The only direction</Link>
               </li>
+              <li>
+                <Link to="/about">About this thing</Link>
+              </li>
             </ul>
           </nav>
         </header>
@@ -52,6 +57,9 @@ class App extends React.Component {
           <Route path="/cats">
             <Cats getCat={this.getCat} cat={this.state.cat} />
           </Route>
+          <Route path="/about">
+            <About />
+          </Route>
         </main>
         
       </div>
diff --git a/src/pages/About.js b/src/pages/About.js
new file mode 100644
index 0000000..cc4219c
--- /dev/null
+++ b/src/pages/About.js
@@ -0,0 +1,9 @@
+import React from 'react';
+
+const About = () => {
+    return(
+        <div>This is new</div>
+    );
+}
+
+export default About;
\ No newline at end of file
diff --git a/src/service.js b/src/service.js
index d48e277..e914091 100644
--- a/src/service.js
+++ b/src/service.js
@@ -10,5 +10,11 @@ export function fetchYe() {
    }).then(response => response.json());
   }
 
+//   export function fetchNasa() {
+//       return fetch('https://api.nasa.gov/planetary/apod?api_key=fLyqTkOiS1CYt44RynV69I0bhbx43Kcicjp43jhf', {
+//           method: 'GET'
+//       }).then(response => response.json());
+//   }
+
 
   
\ No newline at end of file

From 49a0f03cc6a69c2a6d07609645442ac5cc0cdf53 Mon Sep 17 00:00:00 2001
From: April <aprilcr87@gmail.com>
Date: Wed, 5 Jan 2022 12:15:17 -0600
Subject: [PATCH 2/3] fix link for cats page

---
 src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index e9681be..83d6ad2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -39,7 +39,7 @@ getQuote = () => {
           <nav>
             <ul>
               <li>
-                <a href="/cats">Cat-apult</a>
+                <Link href="/cats">Cat-apult</Link>
               </li>
               <li>
                 <Link to="/quotes">The only direction</Link>

From f7360587f22186fde30350a1bd6a9e8a5f9134cc Mon Sep 17 00:00:00 2001
From: April <aprilcr87@gmail.com>
Date: Wed, 5 Jan 2022 12:16:42 -0600
Subject: [PATCH 3/3] changed href to to attribute

---
 src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index 83d6ad2..7848ee3 100644
--- a/src/App.js
+++ b/src/App.js
@@ -39,7 +39,7 @@ getQuote = () => {
           <nav>
             <ul>
               <li>
-                <Link href="/cats">Cat-apult</Link>
+                <Link to="/cats">Cat-apult</Link>
               </li>
               <li>
                 <Link to="/quotes">The only direction</Link>