From 394e65d0daae66d663e4bad88985e2f0a9a72bf0 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Wed, 22 Nov 2023 15:42:29 +0000
Subject: [PATCH] add usage instead of saying missing values

---
 src/app/page.tsx | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 573e3e6..3e46b91 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -53,25 +53,24 @@ export default function Home() {
     setInterval(updateRank, 1000 * 60 * 1); // update every minute
   }, [mounted, updateRank]);
 
-  if (!playerId) {
+  if (!playerId || !rank) {
     return (
-      <main className="text-xl text-white">
-        <p>Invalid or missing player ID</p>
-      </main>
-    );
-  }
-
-  if (!rank) {
-    return (
-      <main className="text-xl text-white">
-        <p>Invalid or missing rank</p>
+      <main className="text-xl p-2 text-black">
+        <p>
+          Usage:{" "}
+          <span className="text-blue-500">
+            <a href="https://git.fascinated.cc/Fascinated/scoresaber-pp-to-rank-overlay#usage">
+              https://git.fascinated.cc/Fascinated/scoresaber-pp-to-rank-overlay#usage
+            </a>
+          </span>
+        </p>
       </main>
     );
   }
 
   if (!ppDiff) {
     return (
-      <main className="text-xl text-white">
+      <main className="text-xl p-2 text-white">
         <p>Calculating...</p>
       </main>
     );