From 7b24efcbf553323db6eef1315a796c96242802bb Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Tue, 16 Feb 2021 13:15:50 +0100
Subject: [PATCH] registration

---
 packages/dashboard/src/components/Layout.js |  4 +--
 packages/dashboard/src/components/Table.js  |  2 +-
 packages/dashboard/src/pages/index.js       | 31 +++++++--------------
 3 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/packages/dashboard/src/components/Layout.js b/packages/dashboard/src/components/Layout.js
index d868c1ec..3ebcd379 100644
--- a/packages/dashboard/src/components/Layout.js
+++ b/packages/dashboard/src/components/Layout.js
@@ -142,7 +142,7 @@ export default function Layout({ title, children }) {
                             </a>
                           </Link>
                           <a
-                            href
+                            href="#"
                             className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer"
                             role="menuitem"
                             onClick={handleSignOut}
@@ -250,7 +250,7 @@ export default function Layout({ title, children }) {
                   </a>
                 </Link>
                 <a
-                  href
+                  href="#"
                   onClick={handleSignOut}
                   className="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700 cursor-pointer"
                 >
diff --git a/packages/dashboard/src/components/Table.js b/packages/dashboard/src/components/Table.js
index c2e3fdb1..01c3811e 100644
--- a/packages/dashboard/src/components/Table.js
+++ b/packages/dashboard/src/components/Table.js
@@ -24,7 +24,7 @@ function Button({ children, disabled, className, ...props }) {
 export default function Table({ items, count, headers, actions, offset, setOffset, pageSize = 10 }) {
   useEffect(() => {
     if (offset < 0) setOffset(0);
-    else if (offset >= count) setOffset(Math.floor(count / pageSize - 1) * pageSize);
+    else if (offset >= count && count > 0) setOffset(Math.floor(count / pageSize - 1) * pageSize);
     else if (offset % pageSize) setOffset(offset - (offset % pageSize));
   }, [offset, pageSize, setOffset]);
 
diff --git a/packages/dashboard/src/pages/index.js b/packages/dashboard/src/pages/index.js
index 27eb6709..e36575d3 100644
--- a/packages/dashboard/src/pages/index.js
+++ b/packages/dashboard/src/pages/index.js
@@ -20,7 +20,8 @@ export default function Home() {
   return (
     <Layout title="Dashboard">
       <div className="bg-white rounded-lg shadow px-5 py-6 sm:px-6">
-        <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
+        {/*  change to lg:grid-cols-3 when we have more stats */}
+        <dl className="mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-2">
           <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">
             <div className="flex-grow px-4 py-5 sm:p-6">
               <div className="flex items-center">
@@ -53,19 +54,15 @@ export default function Home() {
             <div className="bg-gray-50 px-4 py-4 sm:px-6">
               <div className="text-sm">
                 <Link href="/payments">
-                  <a className="font-medium text-green-600 hover:text-green-500">
-                    View current payments<span className="sr-only">Total Subscribers stats</span>
-                  </a>
+                  <a className="font-medium text-green-600 hover:text-green-500">View current payments</a>
                 </Link>
               </div>
             </div>
           </div>
-
           <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">
             <div className="flex-grow px-4 py-5 sm:p-6">
               <div className="flex items-center">
                 <div className="flex-shrink-0 bg-green-500 rounded-md p-3">
-                  {/* Heroicon name: outline/cursor-click */}
                   <svg
                     className="h-6 w-6 text-white"
                     xmlns="http://www.w3.org/2000/svg"
@@ -90,19 +87,17 @@ export default function Home() {
               </div>
             </div>
             <div className="bg-gray-50 px-4 py-4 sm:px-6">
-              {/* <div className="text-sm">
-                <Link href="/downloads">
-                  <a className="font-medium text-green-600 hover:text-green-500">View all downloads</a>
+              <div className="text-sm">
+                <Link href="/uploads">
+                  <a className="font-medium text-green-600 hover:text-green-500">View all uploads</a>
                 </Link>
-              </div> */}
+              </div>
             </div>
           </div>
-
-          <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">
+          {/* <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">
             <div className="flex-grow px-4 py-5 sm:p-6">
               <div className="flex items-center">
                 <div className="flex-shrink-0 bg-green-500 rounded-md p-3">
-                  {/* Heroicon name: outline/cursor-click */}
                   <svg
                     className="h-6 w-6 text-white"
                     xmlns="http://www.w3.org/2000/svg"
@@ -128,14 +123,8 @@ export default function Home() {
                 </div>
               </div>
             </div>
-            <div className="bg-gray-50 px-4 py-4 sm:px-6">
-              {/* <div className="text-sm">
-                <Link href="/uploads">
-                  <a className="font-medium text-green-600 hover:text-green-500">View all uploads</a>
-                </Link>
-              </div> */}
-            </div>
-          </div>
+            <div className="bg-gray-50 px-4 py-4 sm:px-6"></div>
+          </div> */}
         </dl>
 
         {/* ============  */}