From 79eb46ef3afbacb31d2a3ca30dd5389501933bd3 Mon Sep 17 00:00:00 2001
From: Lucid Kobold <lucid@lucidcreations.media>
Date: Tue, 30 Nov 2021 20:03:18 -0600
Subject: [PATCH] Formatting. Updating version in header.

---
 theme/layout/Footer.tsx | 10 +++-------
 theme/layout/Header.tsx | 21 ++++++++++++---------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/theme/layout/Footer.tsx b/theme/layout/Footer.tsx
index ec7c348..7aac0c1 100644
--- a/theme/layout/Footer.tsx
+++ b/theme/layout/Footer.tsx
@@ -1,4 +1,4 @@
-import React/*, { useEffect, useRef, useState }*/ from "react";
+import React /*, { useEffect, useRef, useState }*/ from "react";
 import {
   Box,
   Text,
@@ -74,10 +74,7 @@ const Footer = (): JSX.Element => {
               target="_blank"
               rel="noopener"
             >
-              <Button
-                color="whiteAlpha"
-                variant="credits"
-              >
+              <Button color="whiteAlpha" variant="credits">
                 More About This App
               </Button>
             </Link>
@@ -101,8 +98,7 @@ const Footer = (): JSX.Element => {
           <Text color="brand.footerText" fontSize="xs">
             &copy;
             {" 2021 - "}
-            {new Date().getFullYear()}
-            {" "}
+            {new Date().getFullYear()}{" "}
             <Link
               href="https://lucidcreations.media"
               rel="noopener"
diff --git a/theme/layout/Header.tsx b/theme/layout/Header.tsx
index 2eaa77b..c46f3c7 100644
--- a/theme/layout/Header.tsx
+++ b/theme/layout/Header.tsx
@@ -14,9 +14,8 @@ import DesktopNav from "./DesktopNav";
 import MobileNav from "./MobileNav";
 
 const Header = (): JSX.Element => {
-  const appName = "LCM Potty Chart"
-  const appVersion = "v0.0.2.5-pre-alpha"
-
+  const appName = "LCM Potty Chart";
+  const appVersion = "v0.0.2.6-pre-alpha";
 
   // Add transparency while not at the top of the page.
   const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);
@@ -85,8 +84,8 @@ const Header = (): JSX.Element => {
         open
           ? "brand.main"
           : transparentNavbar
-            ? "rgba(49, 56, 220, 0.9)"
-            : "brand.main"
+          ? "rgba(49, 56, 220, 0.9)"
+          : "brand.main"
       }
       transition=".5s ease"
       borderRadius="0px 0px 10px 10px"
@@ -119,7 +118,13 @@ const Header = (): JSX.Element => {
       </HStack>
 
       {/* Desktop Nav Items and Mobile Menu Button */}
-      <HStack w="100%" px={4} h={12} alignItems="center" justifyContent="space-between" >
+      <HStack
+        w="100%"
+        px={4}
+        h={12}
+        alignItems="center"
+        justifyContent="space-between"
+      >
         <HStack
           w="100%"
           h="auto"
@@ -154,9 +159,7 @@ const Header = (): JSX.Element => {
             onMouseLeave={() => setHover(false)}
             d={{ base: "inline-flex", lg: "none" }}
             variant="mobileNav"
-            bg={
-              transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"
-            }
+            bg={transparentNavbar ? "transparent" : "rgba(255, 255, 255, .15)"}
             type="button"
             border={transparentNavbar ? "1px solid #0068ff" : "none"}
             id="mobile-menu-button"