chore(deps): update nextjs monorepo to v14.2.1

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

@@ -11,7 +11,7 @@
   "dependencies": {
     "react": "^18",
     "react-dom": "^18",
-    "next": "14.0.3"
+    "next": "14.2.1"
   },
   "devDependencies": {
     "typescript": "^5",
@@ -22,6 +22,6 @@
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "eslint": "^8",
-    "eslint-config-next": "14.0.3"
+    "eslint-config-next": "14.2.1"
   }
 }

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