From 775e74dd154fbcb087d07a65569f49dc23e56df6 Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Thu, 25 Feb 2021 15:14:52 +0100
Subject: [PATCH] foo

---
 packages/dashboard/src/components/Layout.js | 44 +++++++++++++++++++++
 packages/dashboard/src/pages/index.js       | 36 ++++++++++++++++-
 packages/dashboard/src/pages/payments.js    |  2 +-
 3 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/packages/dashboard/src/components/Layout.js b/packages/dashboard/src/components/Layout.js
index 7ea5b5c3..6724a738 100644
--- a/packages/dashboard/src/components/Layout.js
+++ b/packages/dashboard/src/components/Layout.js
@@ -92,6 +92,28 @@ export default function Layout({ title, children }) {
                           Your downloads
                         </a>
                       </Link>
+                      <a
+                        href={process.env.NEXT_PUBLIC_SKYNET_PORTAL_API}
+                        className="text-gray-300 hover:bg-gray-700 hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                      >
+                        Upload files
+                        <svg
+                          className="flex-shrink-0 h-4 w-4 ml-2"
+                          xmlns="http://www.w3.org/2000/svg"
+                          fill="none"
+                          viewBox="0 0 24 24"
+                          stroke="currentColor"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth={2}
+                            d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                          />
+                        </svg>
+                      </a>
                     </div>
                   </div>
                 </div>
@@ -222,6 +244,28 @@ export default function Layout({ title, children }) {
                   Your downloads
                 </a>
               </Link>
+              <a
+                href={process.env.NEXT_PUBLIC_SKYNET_PORTAL_API}
+                className="text-gray-300 hover:bg-gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium flex items-center"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Upload files
+                <svg
+                  className="flex-shrink-0 h-4 w-4 ml-2"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+                  />
+                </svg>
+              </a>
             </div>
             <div className="pt-4 pb-3 border-t border-gray-700">
               {/* <div className="flex items-center px-5">
diff --git a/packages/dashboard/src/pages/index.js b/packages/dashboard/src/pages/index.js
index c7f6b0d5..a9fea135 100644
--- a/packages/dashboard/src/pages/index.js
+++ b/packages/dashboard/src/pages/index.js
@@ -130,7 +130,41 @@ export default function Home() {
               </div>
             </div>
             <div className="bg-gray-50 px-4 py-4 sm:px-6">
-              <div className="text-sm font-medium text-gray-500">Upgrade options coming soon!</div>
+              <div className="text-sm">
+                <Link href="/payments">
+                  <a className="font-medium text-green-600 hover:text-green-500 flex items-center">
+                    Check upgrade options
+                    <svg
+                      className="h-4 w-4 ml-1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={2}
+                        d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"
+                      />
+                    </svg>
+                    <svg
+                      className="h-4 w-4 ml-1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={2}
+                        d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"
+                      />
+                    </svg>
+                  </a>
+                </Link>
+              </div>
             </div>
           </div>
           <div className="flex flex-col bg-white overflow-hidden shadow rounded-lg">
diff --git a/packages/dashboard/src/pages/payments.js b/packages/dashboard/src/pages/payments.js
index 112f84a1..c42c3fb9 100644
--- a/packages/dashboard/src/pages/payments.js
+++ b/packages/dashboard/src/pages/payments.js
@@ -76,7 +76,7 @@ export default function Payments() {
             <div className="bg-white overflow-hidden shadow rounded-lg">
               <div className="px-4 py-5 sm:p-6">
                 <dt className="text-sm font-medium text-gray-500 truncate">Plan usage this month</dt>
-                <dd className="mt-1 text-3xl font-semibold text-gray-900">24.57%</dd>
+                <dd className="mt-1 text-3xl font-semibold text-gray-900">&mdash;</dd>
               </div>
             </div>
           </dl>