From 9750faccdb789de12dee1a019dfe7ee2d8a52749 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Fri, 23 Dec 2022 02:28:41 +0000
Subject: [PATCH] fix: disable ugpt addrival if you're at max rivals

---
 client/src/components/user/UGPTHeader.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/client/src/components/user/UGPTHeader.tsx b/client/src/components/user/UGPTHeader.tsx
index 4c3aa4697..137e6d57a 100644
--- a/client/src/components/user/UGPTHeader.tsx
+++ b/client/src/components/user/UGPTHeader.tsx
@@ -8,12 +8,15 @@ import MiniTable from "components/tables/components/MiniTable";
 import Divider from "components/util/Divider";
 import React, { useContext } from "react";
 import { Button } from "react-bootstrap";
-import { Game, Playtype, UserDocument } from "tachi-common";
+import { Game, Playtype, UserDocument, integer } from "tachi-common";
 import { UGPTStatsReturn } from "types/api-returns";
 import useLUGPTSettings from "components/util/useLUGPTSettings";
 import { UserSettingsContext } from "context/UserSettingsContext";
 import FollowUserButton from "components/util/FollowUserButton";
 import { GetGPTUtilsName } from "components/gpt-utils/GPTUtils";
+import ApiError from "components/util/ApiError";
+import Loading from "components/util/Loading";
+import useApiQuery from "components/util/query/useApiQuery";
 import ProfileBadges from "./ProfileBadges";
 import ProfilePicture from "./ProfilePicture";
 import RankingData from "./UGPTRankingData";
@@ -33,6 +36,16 @@ export function UGPTHeaderBody({
 	const { settings, setSettings } = useLUGPTSettings();
 	const { settings: userSettings } = useContext(UserSettingsContext);
 
+	const { data: MAX_RIVALS, error } = useApiQuery<integer>("/config/max-rivals");
+
+	if (error) {
+		return <ApiError error={error} />;
+	}
+
+	if (!MAX_RIVALS) {
+		return <Loading />;
+	}
+
 	return (
 		<>
 			<div className="col-12 col-lg-3">
@@ -135,6 +148,7 @@ export function UGPTHeaderBody({
 							) : (
 								<Button
 									variant="outline-success"
+									disabled={settings.rivals.length >= MAX_RIVALS}
 									onClick={async () => {
 										const newRivals = [...settings.rivals, reqUser.id];
 
@@ -164,7 +178,9 @@ export function UGPTHeaderBody({
 										}
 									}}
 								>
-									Add as Rival
+									{settings.rivals.length >= MAX_RIVALS
+										? "At max rivals!"
+										: "Add as rival"}
 								</Button>
 							)}
 						</>