From c4cbc3916710019663c7913b3c5f5c5e8e92852f Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Fri, 3 Dec 2021 09:15:49 +0000
Subject: [PATCH 01/13] Allow C12 cards for fervidex integrations

---
 .../users/FervidexIntegrationPage.tsx         | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/client/src/app/pages/dashboard/users/FervidexIntegrationPage.tsx b/client/src/app/pages/dashboard/users/FervidexIntegrationPage.tsx
index cd28488ea..eb79adb40 100644
--- a/client/src/app/pages/dashboard/users/FervidexIntegrationPage.tsx
+++ b/client/src/app/pages/dashboard/users/FervidexIntegrationPage.tsx
@@ -136,8 +136,11 @@ function FervidexForm({
 								});
 							}}
 						/>
-						{formSettings.cards.some(x => x !== "" && x.length !== 16) && (
-							<div className="text-danger">CardIDs should be 16 characters!</div>
+						{formSettings.cards.some(c => !isCardIDValid(c)) && (
+							<div className="text-danger">
+								CardIDs should be 16 characters, or a <code>C</code> followed by 12
+								characters!
+							</div>
 						)}
 						{formSettings.cards.some(x => x.startsWith("E004")) && (
 							<div className="text-danger">
@@ -166,3 +169,15 @@ function FervidexForm({
 		</form>
 	);
 }
+
+function isCardIDValid(cardID: string) {
+	if (cardID.startsWith("E004")) {
+		return false;
+	}
+
+	if (cardID[0] === "C") {
+		return cardID.length === 13;
+	}
+
+	return cardID.length === 16;
+}

From f454904ff86ebcd958b4d2dfde3515c1eb9f03b1 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Sun, 5 Dec 2021 22:58:03 +0000
Subject: [PATCH 02/13] Add brooooyyddg as a splash

---
 client/src/util/splashes.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/src/util/splashes.ts b/client/src/util/splashes.ts
index 811dd1598..2bd06133c 100644
--- a/client/src/util/splashes.ts
+++ b/client/src/util/splashes.ts
@@ -97,6 +97,7 @@ export const loggedInSplashes = [
 	"I'm thinking this one's brown.",
 	"My god is the sun!",
 	"...Like Clockwork",
+	"brooooyyddg",
 ];
 
 // Stuff that's bad for the kids, you know?

From c02ba0906643567a3ef7134eaa8bd73694a27a27 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 16:44:50 +0000
Subject: [PATCH 03/13] Enable barbatos

---
 .../app/pages/dashboard/import/BarbatosPage.tsx    |  5 +----
 .../src/app/pages/dashboard/import/ImportPage.tsx  | 14 +++++++-------
 client/src/components/imports/ARCImportPage.tsx    |  2 +-
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/client/src/app/pages/dashboard/import/BarbatosPage.tsx b/client/src/app/pages/dashboard/import/BarbatosPage.tsx
index 86f30872d..748248b19 100644
--- a/client/src/app/pages/dashboard/import/BarbatosPage.tsx
+++ b/client/src/app/pages/dashboard/import/BarbatosPage.tsx
@@ -21,10 +21,7 @@ export default function BarbatosPage() {
 			<ol className="instructions-list">
 				<li>
 					Download <code>barbatos.dll</code> from{" "}
-					<ExternalLink href="#">
-						here (No download yet. Barbatos is not supported.)
-					</ExternalLink>
-					.
+					<ExternalLink href="https://f.wcal.xyz/vC3dW7cn">here</ExternalLink>.
 				</li>
 				<li>
 					Download your config file{" "}
diff --git a/client/src/app/pages/dashboard/import/ImportPage.tsx b/client/src/app/pages/dashboard/import/ImportPage.tsx
index 023067e45..065e75a49 100644
--- a/client/src/app/pages/dashboard/import/ImportPage.tsx
+++ b/client/src/app/pages/dashboard/import/ImportPage.tsx
@@ -133,13 +133,13 @@ function ImportInfoDisplayer({ game }: { game: Game }) {
 		);
 	} else if (game === "sdvx") {
 		Content.unshift(
-			// <ImportInfoCard
-			// 	name="Barbatos"
-			// 	href="barbatos"
-			// 	desc="Automatically import scores, whenever you get them!"
-			// 	moreInfo="This is the recommended way to import SDVX scores, as it provides high quality data in real-time."
-			// 	key="Barbatos"
-			// />,
+			<ImportInfoCard
+				name="Barbatos"
+				href="barbatos"
+				desc="Automatically import scores, whenever you get them!"
+				moreInfo="This is the recommended way to import SDVX scores, as it provides high quality data in real-time."
+				key="Barbatos"
+			/>,
 			// <ImportInfoCard
 			// 	name="Konaste Hook"
 			// 	href="ks-hook"
diff --git a/client/src/components/imports/ARCImportPage.tsx b/client/src/components/imports/ARCImportPage.tsx
index 7ee75dd88..1d5981803 100644
--- a/client/src/components/imports/ARCImportPage.tsx
+++ b/client/src/components/imports/ARCImportPage.tsx
@@ -91,7 +91,7 @@ export default function ARCImportPage({ game }: { game: "sdvx" | "iidx" }) {
 					</Link>
 				) : (
 					<Link style={{ color: "purple" }} to="/dashboard/import/barbatos">
-						Barbatos (Although it's not supported yet, sorry.)
+						Barbatos
 					</Link>
 				)}{" "}
 				instead.

From 3070b96ea3428bd1ecd24b829ef39d394685fa23 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 17:44:48 +0000
Subject: [PATCH 04/13] Add the oauth endpoints.

---
 client/src/app/pages/ClientFileFlowPage.tsx   |   5 +
 client/src/app/pages/OAuthRequestAuthPage.tsx | 130 ++++++++++++++++++
 .../dashboard/users/UserIntegrationsPage.tsx  |   6 +
 client/src/app/routes/AppRoutes.tsx           |   5 +
 client/src/components/util/OAuthMoreInfo.tsx  |  24 ++++
 5 files changed, 170 insertions(+)
 create mode 100644 client/src/app/pages/OAuthRequestAuthPage.tsx
 create mode 100644 client/src/components/util/OAuthMoreInfo.tsx

diff --git a/client/src/app/pages/ClientFileFlowPage.tsx b/client/src/app/pages/ClientFileFlowPage.tsx
index 3dc273461..80a29335b 100644
--- a/client/src/app/pages/ClientFileFlowPage.tsx
+++ b/client/src/app/pages/ClientFileFlowPage.tsx
@@ -1,6 +1,7 @@
 import ApiError from "components/util/ApiError";
 import Divider from "components/util/Divider";
 import Loading from "components/util/Loading";
+import OAuthMoreInfo from "components/util/OAuthMoreInfo";
 import useApiQuery from "components/util/query/useApiQuery";
 import { UserContext } from "context/UserContext";
 import { TachiConfig } from "lib/config";
@@ -89,6 +90,10 @@ export default function ClientFileFlowPage() {
 							Create the key.
 						</button>
 					</div>
+					<div className="col-12" style={{ fontSize: "1.3rem" }}>
+						<Divider />
+						<OAuthMoreInfo client={data} />
+					</div>
 				</>
 			) : (
 				<>
diff --git a/client/src/app/pages/OAuthRequestAuthPage.tsx b/client/src/app/pages/OAuthRequestAuthPage.tsx
new file mode 100644
index 000000000..f1ef08ac7
--- /dev/null
+++ b/client/src/app/pages/OAuthRequestAuthPage.tsx
@@ -0,0 +1,130 @@
+import CenterLayoutPage from "components/layout/CenterLayoutPage";
+import ApiError from "components/util/ApiError";
+import Divider from "components/util/Divider";
+import Loading from "components/util/Loading";
+import OAuthMoreInfo from "components/util/OAuthMoreInfo";
+import useApiQuery from "components/util/query/useApiQuery";
+import useQueryString from "components/util/useQueryString";
+import React from "react";
+import { Link } from "react-router-dom";
+import { integer, TachiAPIClientDocument } from "tachi-common";
+import { APIFetchV1 } from "util/api";
+
+export default function OAuthRequestAuthPage() {
+	const params = useQueryString();
+
+	const clientID = params.get("clientID");
+
+	if (!clientID) {
+		return (
+			<CenterLayoutPage>
+				No ClientID. Whoever gave you this link likely messed up somehow. <br />
+				<Link to="/">Go Home.</Link>
+			</CenterLayoutPage>
+		);
+	}
+
+	return (
+		<CenterLayoutPage>
+			<OAuthRequestAuthLoader clientID={clientID} />
+		</CenterLayoutPage>
+	);
+}
+
+function OAuthRequestAuthLoader({ clientID }: { clientID: string }) {
+	const { isLoading, error, data } = useApiQuery<Omit<TachiAPIClientDocument, "clientSecret">>(
+		`/clients/${clientID}`
+	);
+
+	if (error) {
+		return <ApiError error={error} />;
+	}
+
+	if (isLoading || !data) {
+		return <Loading />;
+	}
+
+	if (!data.redirectUri) {
+		return (
+			<>
+				This client does not support OAuth Flows.
+				<br />
+				Whoever gave you this link likely messed up somehow. <br />
+				<Link to="/">Go Home.</Link>
+			</>
+		);
+	}
+
+	return <OAuthRequestAuthMain client={data} />;
+}
+
+function OAuthRequestAuthMain({
+	client,
+}: {
+	client: Omit<TachiAPIClientDocument, "clientSecret">;
+}) {
+	const params = useQueryString();
+
+	const context = params.get("context");
+
+	return (
+		<div className="row">
+			<>
+				<div className="col-12">
+					{client.name} is requesting you authenticate with them.
+					<Divider />
+				</div>
+				<div className="col-12">
+					The key will have the following permissions.
+					<ul>
+						{client.requestedPermissions.map(e => (
+							<li key={e}>{e}</li>
+						))}
+					</ul>
+				</div>
+				<div className="col-12 d-flex" style={{ justifyContent: "space-evenly" }}>
+					<Link className="btn btn-danger" to="/">
+						No thanks.
+					</Link>
+					<button
+						className="btn btn-success"
+						onClick={async () => {
+							const tokenRes = await APIFetchV1<{
+								code: string;
+								userID: integer;
+								createdOn: number;
+							}>(
+								"/oauth/create-code",
+								{
+									method: "POST",
+								},
+								false,
+								true
+							);
+
+							if (!tokenRes.success) {
+								return;
+							}
+
+							const redirectURL = new URL(client.redirectUri!);
+
+							redirectURL.searchParams.set("code", tokenRes.body.code);
+
+							if (context) {
+								redirectURL.searchParams.set("context", context);
+							}
+
+							window.location.href = redirectURL.toString();
+						}}
+					>
+						I want to authenticate with {client.name}.
+					</button>
+				</div>
+				<div className="col-12" style={{ fontSize: "1.3rem" }}>
+					<Divider />
+					<OAuthMoreInfo client={client} />
+				</div>
+			</>
+		</div>
+	);
+}
diff --git a/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx b/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx
index 1dd328135..477e68d8f 100644
--- a/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx
+++ b/client/src/app/pages/dashboard/users/UserIntegrationsPage.tsx
@@ -358,6 +358,12 @@ function OAuthClientRow({ client, clients, setClients }: OAuthClientProps) {
 						{window.location.origin}/client-file-flow/{client.clientID}
 					</code>
 				</h6>
+				<h6>
+					OAuth Flow Link: <br />
+					<code>
+						{window.location.origin}/oauth/request-auth?clientID={client.clientID}
+					</code>
+				</h6>
 			</div>
 
 			<Divider />
diff --git a/client/src/app/routes/AppRoutes.tsx b/client/src/app/routes/AppRoutes.tsx
index 2c420b633..cd95bf5f7 100644
--- a/client/src/app/routes/AppRoutes.tsx
+++ b/client/src/app/routes/AppRoutes.tsx
@@ -1,6 +1,7 @@
 import { ErrorPage } from "app/pages/ErrorPage";
 import ForgotPasswordPage from "app/pages/ForgotPasswordPage";
 import LoginPage from "app/pages/LoginPage";
+import OAuthRequestAuthPage from "app/pages/OAuthRequestAuthPage";
 import RegisterPage from "app/pages/RegisterPage";
 import ResetPasswordPage from "app/pages/ResetPasswordPage";
 import VerifyEmailPage from "app/pages/VerifyEmailPage";
@@ -51,6 +52,10 @@ export function Routes() {
 				<Route path="/oauth2-callback">
 					<OAuth2CallbackRoutes />
 				</Route>
+				<Route path="/oauth/request-auth">
+					<OAuthRequestAuthPage />
+				</Route>
+
 				<Route path="/client-file-flow">
 					<ClientFileFlowRoutes />
 				</Route>
diff --git a/client/src/components/util/OAuthMoreInfo.tsx b/client/src/components/util/OAuthMoreInfo.tsx
new file mode 100644
index 000000000..e93e0f37b
--- /dev/null
+++ b/client/src/components/util/OAuthMoreInfo.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { PublicUserDocument, TachiAPIClientDocument } from "tachi-common";
+import ApiError from "./ApiError";
+import Loading from "./Loading";
+import Muted from "./Muted";
+import useApiQuery from "./query/useApiQuery";
+
+export default function OAuthMoreInfo({
+	client,
+}: {
+	client: Omit<TachiAPIClientDocument, "clientSecret">;
+}) {
+	const { data, isLoading, error } = useApiQuery<PublicUserDocument>(`/users/${client.author}`);
+
+	if (error) {
+		return <ApiError error={error} />;
+	}
+
+	if (isLoading || !data) {
+		return <Loading />;
+	}
+
+	return <Muted>API Client Author: {data.username}.</Muted>;
+}

From 79897e54e9e8c6d09bea24d79eeed5d68bfde2d4 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:16:26 +0000
Subject: [PATCH 05/13] Fix typo in version.ts

---
 client/src/util/constants/version.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/util/constants/version.ts b/client/src/util/constants/version.ts
index 847109716..d8602c87d 100644
--- a/client/src/util/constants/version.ts
+++ b/client/src/util/constants/version.ts
@@ -2,7 +2,7 @@ const MAJOR = 2;
 const MINOR = 0;
 const PATCH = 0;
 
-// As is with all front-facing zkldi projects, the version names for tachi-server
+// As is with all front-facing zkldi projects, the version names for tachi-client
 // are from an album I like. In this case, the album is The Cure - Disintegration.
 
 const THE_CURE_DISINTEGRATION = [

From 4f49bdcbd03f80b5b668d7b78ba985f29a6ac8b5 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:17:22 +0000
Subject: [PATCH 06/13] Fix bug where algorithm names werent prettied on
 UGPTLeaderboards

---
 .../users/games/_game/_playtype/LeaderboardsPage.tsx        | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx b/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
index e681a52e9..137bf1109 100644
--- a/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
+++ b/client/src/app/pages/dashboard/users/games/_game/_playtype/LeaderboardsPage.tsx
@@ -23,6 +23,7 @@ import { GPTLeaderboard, UGPTLeaderboardAdjacent } from "types/api-returns";
 import { GamePT, SetState } from "types/react";
 import { APIFetchV1, UnsuccessfulAPIFetchResponse } from "util/api";
 import { ChangeOpacity } from "util/color-opacity";
+import { UppercaseFirst } from "util/misc";
 
 interface LeaderboardsData {
 	stats: UGPTLeaderboardAdjacent;
@@ -161,7 +162,10 @@ function LeaderboardsPageContent({
 				</Link>
 			}
 		>
-			<MiniTable className="text-center" headers={["Position", "User", alg, "Classes"]}>
+			<MiniTable
+				className="text-center"
+				headers={["Position", "User", UppercaseFirst(alg), "Classes"]}
+			>
 				<>
 					{bestNearbyUser >= 1 &&
 						leaderboard.gameStats

From eae7fd0b3261585878cd288c642aadab667b212c Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:21:55 +0000
Subject: [PATCH 07/13] Footer should also show the server version

---
 .../src/components/layout/footer/Footer.tsx   | 23 +++++++++++++------
 client/src/types/api-returns.ts               |  9 ++++++++
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/client/src/components/layout/footer/Footer.tsx b/client/src/components/layout/footer/Footer.tsx
index 5fe663f80..1052186cd 100644
--- a/client/src/components/layout/footer/Footer.tsx
+++ b/client/src/components/layout/footer/Footer.tsx
@@ -1,10 +1,24 @@
 import Divider from "components/util/Divider";
 import ExternalLink from "components/util/ExternalLink";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
+import { ServerStatus } from "types/api-returns";
+import { APIFetchV1 } from "util/api";
 import { FORMATTED_VERSION } from "util/constants/version";
 
 export function Footer() {
+	const [serverVersion, setServerVersion] = useState("Loading...");
+
+	useEffect(() => {
+		APIFetchV1<ServerStatus>("/status").then(r => {
+			if (!r.success) {
+				setServerVersion("Error Fetching data!");
+			} else {
+				setServerVersion(r.body.version);
+			}
+		});
+	}, []);
+
 	return (
 		<>
 			<Divider className="mt-8" />
@@ -14,12 +28,7 @@ export function Footer() {
 					<div className="order-2 order-md-1">
 						{/* is there a better way to do this? mt-md-3 is the intent */}
 						<div className="d-block d-lg-none mt-3"></div>
-						<ExternalLink
-							href="https://www.youtube.com/watch?v=JOb5f-TG6iI&list=PLGFFTE0Sw8tStwmuVsAoeOEdmWBLceK9b"
-							className="gentle-link px-3"
-						>
-							{FORMATTED_VERSION}
-						</ExternalLink>
+						Client: {FORMATTED_VERSION}, Server: {serverVersion}
 					</div>
 
 					<div className="nav nav-dark order-1 order-md-2 justify-content-center">
diff --git a/client/src/types/api-returns.ts b/client/src/types/api-returns.ts
index c3ecf0db7..071f38d6e 100644
--- a/client/src/types/api-returns.ts
+++ b/client/src/types/api-returns.ts
@@ -1,4 +1,5 @@
 import {
+	APIPermissions,
 	ChartDocument,
 	ClassAchievementDocument,
 	FolderDocument,
@@ -162,3 +163,11 @@ export interface UserRecentSummary {
 	recentSessions: SessionDocument[];
 	recentFolders: FolderDocument[];
 }
+
+export interface ServerStatus {
+	serverTime: number;
+	startTime: number;
+	version: string;
+	whoami: integer | null;
+	permissions: APIPermissions[];
+}

From b2995cacf628aa8c90afe3033729700a4bc10f96 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:25:31 +0000
Subject: [PATCH 08/13] Add album links in footer

---
 client/src/components/layout/footer/Footer.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/client/src/components/layout/footer/Footer.tsx b/client/src/components/layout/footer/Footer.tsx
index 1052186cd..4dc2b059c 100644
--- a/client/src/components/layout/footer/Footer.tsx
+++ b/client/src/components/layout/footer/Footer.tsx
@@ -28,7 +28,20 @@ export function Footer() {
 					<div className="order-2 order-md-1">
 						{/* is there a better way to do this? mt-md-3 is the intent */}
 						<div className="d-block d-lg-none mt-3"></div>
-						Client: {FORMATTED_VERSION}, Server: {serverVersion}
+						Client:{" "}
+						<ExternalLink
+							href="https://en.wikipedia.org/wiki/Disintegration_(The_Cure_album)"
+							className="gentle-link"
+						>
+							{FORMATTED_VERSION}
+						</ExternalLink>
+						, Server:{" "}
+						<ExternalLink
+							href="https://en.wikipedia.org/wiki/Dummy_(album)"
+							className="gentle-link"
+						>
+							{serverVersion}
+						</ExternalLink>
 					</div>
 
 					<div className="nav nav-dark order-1 order-md-2 justify-content-center">

From 8f35f4f3a1257849a28e92578fbeef682a8719a7 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:25:35 +0000
Subject: [PATCH 09/13] Make barbatos page a bit clearer

---
 client/src/app/pages/dashboard/import/BarbatosPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/app/pages/dashboard/import/BarbatosPage.tsx b/client/src/app/pages/dashboard/import/BarbatosPage.tsx
index 748248b19..ca60555a5 100644
--- a/client/src/app/pages/dashboard/import/BarbatosPage.tsx
+++ b/client/src/app/pages/dashboard/import/BarbatosPage.tsx
@@ -29,8 +29,8 @@ export default function BarbatosPage() {
 					<b>This file contains an API Key, which is meant to be kept secret!</b>
 				</li>
 				<li>
-					Place all of these files inside your SDVX folder, next to your <code>.bat</code>{" "}
-					file.
+					Place <code>barbatos.dll</code> and the above config file inside your SDVX
+					folder, next to your <code>.bat</code> file.
 				</li>
 				<ul className="instructions-list">
 					<li>

From 0ca0b139b6a0aa7126c5f4522d9a1cdbcc25339b Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:27:41 +0000
Subject: [PATCH 10/13] Add warning to beatorajaIR page

---
 .../src/app/pages/dashboard/import/BeatorajaIRPage.tsx   | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/src/app/pages/dashboard/import/BeatorajaIRPage.tsx b/client/src/app/pages/dashboard/import/BeatorajaIRPage.tsx
index f59004722..968cc6009 100644
--- a/client/src/app/pages/dashboard/import/BeatorajaIRPage.tsx
+++ b/client/src/app/pages/dashboard/import/BeatorajaIRPage.tsx
@@ -36,7 +36,14 @@ export default function BeatorajaIRPage() {
 					Place the IR <code>.jar</code> file in the <code>ir/</code> folder.
 				</li>
 				<li>Open the game options, and navigate to the IR section.</li>
-				<li>Select {TachiConfig.name} IR.</li>
+				<li>
+					Select {TachiConfig.name} IR.
+					<br />
+					<span className="text-warning">
+						If the IR isn't showing up, make sure you're launching the game with the{" "}
+						<code>beatoraja-config.bat</code> file. Otherwise, IRs will never load.
+					</span>
+				</li>
 				<li>
 					Get an API token for the IR by clicking{" "}
 					<ExternalLink href="/client-file-flow/CXBeatorajaIR">this link</ExternalLink>.

From 13a480c8647abf3bf84a67dbb0305edbdd297a61 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 19:41:00 +0000
Subject: [PATCH 11/13] Pushing a terrible mobile search bar to staging so i
 can test it on my phone

---
 client/src/components/layout/header/HeaderMenu.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/src/components/layout/header/HeaderMenu.tsx b/client/src/components/layout/header/HeaderMenu.tsx
index 7313587d6..b7ed9082b 100644
--- a/client/src/components/layout/header/HeaderMenu.tsx
+++ b/client/src/components/layout/header/HeaderMenu.tsx
@@ -14,6 +14,7 @@ import AllGames from "./AllGames";
 import ImportScoresLink from "./ImportScoresLink";
 import MenuDropdown from "./MenuDropdown";
 import MenuLink from "./MenuLink";
+import SearchBar from "./SearchBar";
 
 export function HeaderMenu() {
 	const { user } = useContext(UserContext);
@@ -95,6 +96,13 @@ export function HeaderMenu() {
 					</div>
 				</div>
 				<ul className="menu-nav">
+					<li className="menu-item d-block d-lg-none">
+						<div className="d-flex w-100 mb-8 px-4">
+							<SearchBar />
+						</div>
+						<Divider />
+					</li>
+
 					{user && ugs && ugs.length !== 0 && (
 						<MenuDropdown name="Your Profiles">{userProfileLinks}</MenuDropdown>
 					)}

From 6bfc26e200856e9a50177e62357352a300615f7c Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 21:05:58 +0000
Subject: [PATCH 12/13] Make mobile search less shit (but not entirely not
 shit)


From dbbb7551034c6c1f5f0d216a8b4b3b12511ef4de Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Tue, 7 Dec 2021 21:18:27 +0000
Subject: [PATCH 13/13] Update version to 2.0.1.

---
 client/package.json                  | 2 +-
 client/src/util/constants/version.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/package.json b/client/package.json
index 12c5682b6..f191f66ff 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "tachi-client",
-	"version": "2.0.0-prerelease",
+	"version": "2.0.1",
 	"private": true,
 	"scripts": {
 		"start": "node scripts/start.js -o",
diff --git a/client/src/util/constants/version.ts b/client/src/util/constants/version.ts
index d8602c87d..477d5a065 100644
--- a/client/src/util/constants/version.ts
+++ b/client/src/util/constants/version.ts
@@ -1,6 +1,6 @@
 const MAJOR = 2;
 const MINOR = 0;
-const PATCH = 0;
+const PATCH = 1;
 
 // As is with all front-facing zkldi projects, the version names for tachi-client
 // are from an album I like. In this case, the album is The Cure - Disintegration.