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] 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>
 					)}