fix(deps): update dependency @nextui-org/react to v2

.env-example

@@ -1,10 +1,10 @@
-REACT_APP_HTTP_PROXY=https://proxy.fascinated.cc
+REACT_APP_HTTP_PROXY=<https://proxy.fascinated.cc>
 
 REACT_APP_SITE_NAME=BeatSaber Overlay
 REACT_APP_SITE_TITLE=BeatSaber Overlay - Simple and easy to use BeatSaber overlay
 REACT_APP_SITE_DESCRIPTION=ScoreSaber and BeatLeader overlay for Twitch streamers - Elevate your Beat Saber streams with our professional, customizable overlay that displays your real-time scores, rankings, and leaderboard information for your viewers.
 REACT_APP_SITE_COLOR=0EBFE9
-REACT_APP_SITE_URL=http://localhost:3000
+REACT_APP_SITE_URL=<http://localhost:3000>
 
 REDIS_PORT=6379
 REDIS_HOST=localhost

package.json

@@ -13,14 +13,14 @@
     "@beam-australia/react-env": "^3.1.1",
     "@emotion/cache": "^11.11.0",
     "@emotion/server": "^11.11.0",
-    "@nextui-org/react": "1.0.0-beta.10",
+    "@nextui-org/react": "2.2.4",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
     "axios": "^1.5.1",
     "core-js-pure": "^3.33.0",
     "critters": "^0.0.20",
     "ioredis": "^5.3.2",
-    "next": "^14.0.0",
+    "next": "^13.5.4",
     "next-seo": "^6.1.0",
     "next-themes": "^0.2.1",
     "prop-types": "^15.8.1",
@@ -37,7 +37,7 @@
     "@types/react": "^18.2.28",
     "@types/websocket": "^1.0.7",
     "eslint": "^8.51.0",
-    "eslint-config-next": "^14.0.0",
+    "eslint-config-next": "^13.5.4",
     "npm-check": "^6.0.1",
     "typescript": "^5.2.2"
   }

src/helpers/beatSaverHelpers.ts

@@ -35,11 +35,7 @@ export async function getMapData(hash: string): Promise<MapData | undefined> {
   }
 
   const before = Date.now();
-	const response = await axios.get(BEATSAVER_MAP_API.replace("%s", mapHash), {
-		headers: {
-			"X-Requested-With": "BeatSaber Overlay",
-		},
-	});
+  const response = await axios.get(BEATSAVER_MAP_API.replace("%s", mapHash));
   if (response.status === 404) {
     return undefined;
   }

src/helpers/web/getPlayerData.js

@@ -3,12 +3,7 @@ import LeaderboardType from "../../consts/LeaderboardType";
 
 export async function getPlayerData(leaderboardType, playerId) {
   const data = await axios.get(
-		LeaderboardType[leaderboardType].ApiUrl.PlayerData.replace("%s", playerId),
-		{
-			headers: {
-				"x-requested-with": "BeatSaber Overlay",
-			},
-		}
+    LeaderboardType[leaderboardType].ApiUrl.PlayerData.replace("%s", playerId)
   );
   return data;
 }

src/pages/api/beatleader/data.js

@@ -41,12 +41,7 @@ export default async function handler(req, res) {
 
   const before = Date.now();
   const reesponse = await axios.get(
-		WebsiteTypes.BeatLeader.ApiUrl.MapData.replace("%h", mapHash),
-		{
-			headers: {
-				"X-Requested-With": "BeatSaber Overlay",
-			},
-		}
+    WebsiteTypes.BeatLeader.ApiUrl.MapData.replace("%h", mapHash)
   );
   if (reesponse.status === 404) {
     return res.status(404).json({

src/pages/api/scoresaber/data.js

@@ -40,12 +40,7 @@ export default async function handler(req, res) {
     WebsiteTypes.ScoreSaber.ApiUrl.MapData.replace("%h", mapHash).replace(
       "%d",
       diffToScoreSaberDiff(difficulty)
-		),
-		{
-			headers: {
-				"X-Requested-With": "BeatSaber Overlay",
-			},
-		}
+    )
   );
   if (response.status === 404) {
     return res.status(404).json({

src/pages/overlay.js

@@ -63,6 +63,21 @@ export default function Overlay(props) {
       <SongInfo />
       <ScoreStats />
       <CutStats />
+
+      <p
+        style={{
+          fontSize: 50,
+          position: "absolute",
+          top: 0,
+          right: 0,
+          paddingRight: "10px",
+        }}
+      >
+        This overlay is deprecated use:{" "}
+        <a href="https://ssr.fascinated.cc/overlay/builder">
+          https://ssr.fascinated.cc/overlay/builder
+        </a>
+      </p>
     </div>
   );
 }

src/store/playerDataStore.ts

@@ -30,11 +30,7 @@ export const usePlayerDataStore = create<PlayerDataState>()((set) => ({
     const apiUrl = Utils.getWebsiteApi(
       leaderboardType
     ).ApiUrl.PlayerData.replace("%s", playerId);
-		const response = await axios.get(apiUrl, {
-			headers: {
-				"x-requested-with": "BeatSaber Overlay",
-			},
-		});
+    const response = await axios.get(apiUrl);
     if (response.status !== 200) {
       return;
     }

src/utils/utils.js

@@ -20,11 +20,7 @@ export default class Utils {
   }
 
   static async isLeaderboardValid(url, steamId) {
-		const response = await axios.get(url.replace("%s", steamId), {
-			headers: {
-				"X-Requested-With": "BeatSaber Overlay",
-			},
-		});
+    const response = await axios.get(url.replace("%s", steamId));
     if (response.status === 429) {
       return true; // Just assume it's true is we are rate limited
     }