chore(deps): update dependency @types/node to v20.11.30

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.

pnpm-lock.yaml

@@ -18,7 +18,7 @@ dependencies:
 devDependencies:
   '@types/node':
     specifier: ^20
-    version: 20.9.3
+    version: 20.11.30
   '@types/react':
     specifier: ^18
     version: 18.2.38
@@ -276,8 +276,8 @@ packages:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
-  /@types/node@20.9.3:
-    resolution: {integrity: sha512-nk5wXLAXGBKfrhLB0cyHGbSqopS+nz0BUgZkUQqSHSSgdee0kssp1IAqlQOu333bW+gMNs2QREx7iynm19Abxw==}
+  /@types/node@20.11.30:
+    resolution: {integrity: sha512-dHM6ZxwlmuZaRmUPfv1p+KrdD1Dci04FbdEm/9wEMouFqxYoFl5aMkt0VMAUtYRQDyYvD41WJLukhq/ha3YuTw==}
     dependencies:
       undici-types: 5.26.5
     dev: true

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