chore(deps): update dependency eslint to v9

README.md

@@ -12,3 +12,5 @@ Example:
 - ID: Your scoresaber ID
 - Rank: The rank you want to get to
 - Started: The time you started the song in miliseconds. You can get this at <https://www.unixtimestamp.com>
+
+You can remove the &started= part if you don't want the day counter.

package.json

@@ -21,7 +21,7 @@
     "autoprefixer": "^10.0.1",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "eslint": "^8",
+    "eslint": "^9.0.0",
     "eslint-config-next": "14.0.3"
   }
 }

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>
     );