Merge pull request #50 from TNG-dev/hotfix-showcase-redirect

client/src/app/pages/dashboard/users/games/_game/_playtype/UGPTSettingsPage.tsx

@@ -6,6 +6,7 @@ import Divider from "components/util/Divider";
 import Icon from "components/util/Icon";
 import Muted from "components/util/Muted";
 import SelectButton from "components/util/SelectButton";
+import useQueryString from "components/util/useQueryString";
 import { UGPTSettingsContext } from "context/UGPTSettingsContext";
 import deepmerge from "deepmerge";
 import { useFormik } from "formik";
@@ -25,7 +26,11 @@ import { APIFetchV1 } from "util/api";
 type Props = { reqUser: PublicUserDocument } & GamePT;
 
 export default function UGPTSettingsPage({ reqUser, game, playtype }: Props) {
-	const [page, setPage] = useState<"preferences" | "showcase">("preferences");
+	const query = useQueryString();
+
+	const [page, setPage] = useState<"preferences" | "showcase">(
+		query.get("showcase") ? "showcase" : "preferences"
+	);
 	const gameConfig = GetGameConfig(game);
 
 	useSetSubheader(

client/src/components/user/UGPTStatShowcase.tsx

@@ -61,7 +61,7 @@ export default function UGPTStatShowcase({
 									type="edit"
 									to={`/dashboard/users/${
 										user!.username
-									}/games/${game}/${playtype}/settings`}
+									}/games/${game}/${playtype}/settings?showcase=yea`}
 									hoverText="Modify your statistics showcase."
 								/>
 							) : null

client/src/components/util/useQueryString.tsx

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { useLocation } from "react-router-dom";
 
 export default function useQueryString() {
-	const { search } = useLocation<{ code?: string }>();
+	const { search } = useLocation();
 
 	return useMemo(() => new URLSearchParams(search), [search]);
 }