From 9df8a6d2962037496292ed041519c06d717a8f4e Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 27 Apr 2023 21:12:53 +0700
Subject: [PATCH] footer queue

---
 packages/fakeyou.com/src/scss/site-refresh.scss    |  8 ++++++++
 packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx | 11 ++++-------
 packages/fakeyou.com/src/v2/view/nav/TopNav.tsx    |  5 +++--
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index 64bccacb8b..61a15467be 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/packages/fakeyou.com/src/scss/site-refresh.scss
@@ -809,6 +809,14 @@ styles with important tags:
     }
   }
 
+  .footer-bar {
+    font-size: 14px;
+    padding: 0.6rem 0;
+    background-color: lighten($panel, 2%);
+    border-bottom: 1px solid;
+    border-color: rgba($white, 0.04);
+  }
+
   .result-text {
     font-size: 18px;
   }
diff --git a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
index eff89a28c2..3452c7578e 100644
--- a/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
+++ b/packages/fakeyou.com/src/v2/view/nav/FooterNav.tsx
@@ -108,16 +108,13 @@ function FooterNav(props: Props) {
   return (
     <div>
       <footer id="footer">
-        <div className="top-bar d-none d-lg-flex">
-          <div className="container d-flex align-items-center">
-            {pendingTtsJobs.pending_job_count}
+        <div className="footer-bar text-center text-lg-start">
+          <div className="container fw-medium">
+            TTS Queued:{" "}
+            <span className="text-red">{pendingTtsJobs.pending_job_count}</span>
           </div>
         </div>
         <div className="container py-5">
-          {/* <div className="pb-4">
-            <hr />
-          </div> */}
-
           <div className="row gx-5 gy-5">
             <div className="col-12 col-lg-3 d-flex flex-column gap-4 align-items-center align-items-lg-start">
               <Link to="/">
diff --git a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
index fb9af4d091..8fe00683c1 100644
--- a/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
+++ b/packages/fakeyou.com/src/v2/view/nav/TopNav.tsx
@@ -227,7 +227,7 @@ function TopNav(props: Props) {
 
   return (
     <div>
-      <div className="top-bar d-none d-lg-flex">
+      {/* <div className="top-bar d-none d-lg-flex">
         <div className="container d-flex align-items-center">
           <div className="d-flex gap-4 flex-grow-1">
             <Link
@@ -256,6 +256,7 @@ function TopNav(props: Props) {
             </a>
           </div>
           <div className="d-flex gap-3 align-items-center">
+            
             <Tippy
               content={`${
                 lowSpecView ? "Turn on animations" : "Turn off animations"
@@ -279,7 +280,7 @@ function TopNav(props: Props) {
             </p>
           </div>
         </div>
-      </div>
+      </div> */}
 
       <nav
         className="navbar navbar-expand-lg navbar-dark pt-3"