From 312ee93781e50e800671b4029f72b6a38f63644e Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sun, 10 Apr 2022 00:49:12 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=20Added=20a=20downloads=20navbar?=
 =?UTF-8?q?=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/assets/scss/App.scss                       | 7 ++++++-
 src/client/components/Dashboard/LibraryStatistics.tsx | 2 +-
 src/client/components/Navbar.tsx                      | 4 ++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/client/assets/scss/App.scss b/src/client/assets/scss/App.scss
index 4e3e039..d020115 100644
--- a/src/client/assets/scss/App.scss
+++ b/src/client/assets/scss/App.scss
@@ -32,6 +32,11 @@ pre {
     background-color: $bg-color;
   }
 }
+
+.navbar {
+  border-bottom: 1px solid #f2f1f9;
+}
+
 .navbar-item.is-mega {
   position: static;
 
@@ -314,7 +319,7 @@ pre {
 // Library
 .sticky {
   position: sticky;
-  top: 56px;
+  top: 57px;
   z-index: 2;
   background: #fffffc;
 }
diff --git a/src/client/components/Dashboard/LibraryStatistics.tsx b/src/client/components/Dashboard/LibraryStatistics.tsx
index e9982eb..f216fe6 100644
--- a/src/client/components/Dashboard/LibraryStatistics.tsx
+++ b/src/client/components/Dashboard/LibraryStatistics.tsx
@@ -6,10 +6,10 @@ export const LibraryStatistics = (
   props: ILibraryStatisticsProps,
 ): ReactElement => {
   // const { stats } = props;
-  console.log(props);
   return (
     <>
       <h4 className="title is-4 mt-2">Statistics</h4>
+      <p className="subtitle is-7">A brief snapshot of your library.</p>
       <div className="columns is-multiline">
         <div className="column is-narrow is-two-quarter">
           <dl className="box">
diff --git a/src/client/components/Navbar.tsx b/src/client/components/Navbar.tsx
index af2defc..353abc5 100644
--- a/src/client/components/Navbar.tsx
+++ b/src/client/components/Navbar.tsx
@@ -47,6 +47,10 @@ const Navbar: React.FunctionComponent = (props) => {
             Library
           </Link>
 
+          <Link to="/library" className="navbar-item">
+            Downloads
+          </Link>
+
           <Link to="/search" className="navbar-item">
             Search
           </Link>