From 5222eccc662120d2463f96aed630c2f2155aeb82 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 22 Jun 2023 23:25:03 -0700
Subject: [PATCH 1/4] Revert server availability code

Not ready for primetime
---
 components/Layout/index.tsx |  4 +++-
 pages/_app.tsx              | 11 ++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx
index 20ffa423..4717da7b 100644
--- a/components/Layout/index.tsx
+++ b/components/Layout/index.tsx
@@ -77,7 +77,9 @@ const Layout = ({ children }: PropsWithChildren<Props>) => {
 
   return (
     <>
-      {appState.version ? ServerAvailable() : ''}
+      {/* {appState.version ? ServerAvailable() : ''} */}
+      <TopHeader />
+      {updateToast()}
       <main>{children}</main>
     </>
   )
diff --git a/pages/_app.tsx b/pages/_app.tsx
index d213c926..06cc101b 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -35,6 +35,11 @@ function MyApp({ Component, pageProps }: AppProps) {
 
   useEffect(() => () => unsubscribe(), [])
 
+  useEffect(() => {
+    console.log('granblue.team version:')
+    console.log(appState.version)
+  }, [])
+
   const accountCookie = getCookie('account')
   const userCookie = getCookie('user')
 
@@ -130,11 +135,11 @@ function MyApp({ Component, pageProps }: AppProps) {
       <ToastProvider swipeDirection="right">
         <TooltipProvider>
           <Layout>
-            {!appState.version ? (
+            <Component {...pageProps} />
+            {/* {!appState.version ? (
               serverUnavailable()
             ) : (
-              <Component {...pageProps} />
-            )}
+            )} */}
           </Layout>
           <Viewport className="ToastViewport" />
         </TooltipProvider>

From 09f32e484d5285b3feed9da62397bbf373ecb747 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 23 Jun 2023 11:55:22 -0700
Subject: [PATCH 2/4] Fix some global styles

---
 styles/globals.scss | 50 ++++++++++++++++++++++-----------------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/styles/globals.scss b/styles/globals.scss
index b868d270..23fe54e9 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -160,21 +160,6 @@ select {
     gap: $unit * 2;
   }
 
-  #NotFound {
-    height: 200px;
-    width: 400px;
-    margin: auto;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    h2 {
-      color: $grey-60;
-      font-size: $font-regular;
-      text-align: center;
-    }
-  }
-
   img.profile {
     background: $grey-90;
 
@@ -207,16 +192,6 @@ select {
     }
   }
 
-  i.tag {
-    background: var(--tag-bg);
-    color: var(--tag-text);
-    border-radius: calc($unit / 2);
-    font-size: 10px;
-    font-weight: $bold;
-    padding: 4px 6px;
-    text-transform: uppercase;
-  }
-
   .infinite-scroll-component {
     overflow: hidden !important;
   }
@@ -281,6 +256,16 @@ select {
   }
 }
 
+.MenuItem i.tag {
+  background: var(--tag-bg);
+  color: var(--tag-text);
+  border-radius: calc($unit / 2);
+  font-size: 10px;
+  font-weight: $bold;
+  padding: 4px 6px;
+  text-transform: uppercase;
+}
+
 .ServerUnavailableWrapper {
   display: flex;
   align-items: center;
@@ -407,3 +392,18 @@ select {
     }
   }
 }
+
+#NotFound {
+  height: 200px;
+  width: 400px;
+  margin: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  h2 {
+    color: $grey-60;
+    font-size: $font-regular;
+    text-align: center;
+  }
+}

From 82ae4c04b61e0d4b0574fa2a907dce0f27a58ae0 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 23 Jun 2023 11:55:31 -0700
Subject: [PATCH 3/4] Add extra padding

---
 components/GridRepCollection/index.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/GridRepCollection/index.scss b/components/GridRepCollection/index.scss
index 27c46a68..9044fe6c 100644
--- a/components/GridRepCollection/index.scss
+++ b/components/GridRepCollection/index.scss
@@ -3,6 +3,7 @@
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   margin: 0 auto;
+  margin-top: $unit-2x;
   padding: 0;
   padding-top: $unit-fourth;
   transition: opacity 0.14s ease-in-out;

From d8c92ab5a52df58f3d50d94c86876c5bece8667b Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 23 Jun 2023 11:55:38 -0700
Subject: [PATCH 4/4] Re-add server availability code

---
 components/Layout/index.tsx | 4 +---
 pages/_app.tsx              | 9 ++++-----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx
index 4717da7b..20ffa423 100644
--- a/components/Layout/index.tsx
+++ b/components/Layout/index.tsx
@@ -77,9 +77,7 @@ const Layout = ({ children }: PropsWithChildren<Props>) => {
 
   return (
     <>
-      {/* {appState.version ? ServerAvailable() : ''} */}
-      <TopHeader />
-      {updateToast()}
+      {appState.version ? ServerAvailable() : ''}
       <main>{children}</main>
     </>
   )
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 06cc101b..92ff0856 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -36,8 +36,7 @@ function MyApp({ Component, pageProps }: AppProps) {
   useEffect(() => () => unsubscribe(), [])
 
   useEffect(() => {
-    console.log('granblue.team version:')
-    console.log(appState.version)
+    console.log(`granblue.team version: ${appState.version?.version}`)
   }, [])
 
   const accountCookie = getCookie('account')
@@ -135,11 +134,11 @@ function MyApp({ Component, pageProps }: AppProps) {
       <ToastProvider swipeDirection="right">
         <TooltipProvider>
           <Layout>
-            <Component {...pageProps} />
-            {/* {!appState.version ? (
+            {!appState.version ? (
               serverUnavailable()
             ) : (
-            )} */}
+              <Component {...pageProps} />
+            )}
           </Layout>
           <Viewport className="ToastViewport" />
         </TooltipProvider>