From 278a2c700cee8eff2df2fb13b6b2d3a4b826ddd1 Mon Sep 17 00:00:00 2001
From: Medzik <87065584+MedzikUser@users.noreply.github.com>
Date: Sun, 15 Aug 2021 20:45:38 +0000
Subject: [PATCH] fix blue button class name and [TODO] add status page

---
 src/css/base.sass   |  2 +-
 src/pages/404.js    |  2 +-
 src/pages/add.js    |  2 +-
 src/pages/delete.js |  2 +-
 src/pages/index.js  |  6 ++++++
 src/pages/status.js | 22 ++++++++++++++++++++++
 6 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/status.js

diff --git a/src/css/base.sass b/src/css/base.sass
index 306f0c7..0870acb 100644
--- a/src/css/base.sass
+++ b/src/css/base.sass
@@ -40,6 +40,6 @@ button
   border: 2px solid greenyellow
   color: greenyellow
 
-.blue-buton
+.blue-button
   border: 2px solid blue
   color: blue
diff --git a/src/pages/404.js b/src/pages/404.js
index ac22f10..07b0df2 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -15,7 +15,7 @@ const NotFoundPage = () => {
         Sorry we couldn’t find what you were looking for.
         <br />
         <AniLink cover to="/">
-          <button className="blue-buton">Go to home page</button>
+          <button className="blue-button">Go to home page</button>
         </AniLink>
       </p>
     </>
diff --git a/src/pages/add.js b/src/pages/add.js
index 574b11f..89626ba 100644
--- a/src/pages/add.js
+++ b/src/pages/add.js
@@ -85,7 +85,7 @@ const AddURLPage = () => {
       <br />
 
       <AniLink cover to="/">
-        <button className="blue-buton">Go to home page</button>
+        <button className="blue-button">Go to home page</button>
       </AniLink>
     </>
   )
diff --git a/src/pages/delete.js b/src/pages/delete.js
index 8057372..aa76f90 100644
--- a/src/pages/delete.js
+++ b/src/pages/delete.js
@@ -82,7 +82,7 @@ const DeleteURLPage = () => {
       <br />
 
       <AniLink cover to="/">
-        <button className="blue-buton">Go to home page</button>
+        <button className="blue-button">Go to home page</button>
       </AniLink>
     </>
   )
diff --git a/src/pages/index.js b/src/pages/index.js
index 89565e9..c562848 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -21,6 +21,12 @@ const LoginPage = () => {
           <button className="red-button">Delete URL</button>
         </AniLink>
       </div>
+
+      <br />
+
+      <AniLink cover to="/status">
+        <button className="blue-button">System Status</button>
+      </AniLink>
     </>
   )
 }
diff --git a/src/pages/status.js b/src/pages/status.js
new file mode 100644
index 0000000..81029dc
--- /dev/null
+++ b/src/pages/status.js
@@ -0,0 +1,22 @@
+import React from "react"
+import AniLink from "gatsby-plugin-transition-link/AniLink"
+
+import Seo from "../components/seo"
+
+const LoginPage = () => {
+  return (
+    <>
+      <Seo
+        title="Home Page"
+      />
+
+      <p>TODO</p>
+
+      <AniLink cover to="/">
+        <button className="blue-button">Go to home page</button>
+      </AniLink>
+    </>
+  )
+}
+
+export default LoginPage