add sidebar message

community-network · Sep 11, 2024 · 735341e · 735341e
1 parent ceb038f
commit 735341e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/src/components/routes/platoons/PlatoonSearch.tsx b/src/components/routes/platoons/PlatoonSearch.tsx
@@ -182,13 +182,23 @@ function Search(): React.ReactElement {
             </select>
             {/* <button className="bigButtonSecondary" type="submit">{t("serverSearch.search")} <RightArrow/></button> */}
           </div>
-          <h1
-            style={{
-              marginTop: "2rem",
-            }}
-          >
-            {t("platoonSearch.results")}
-          </h1>
+          <div className="align">
+            <h1
+              style={{
+                marginTop: "2rem",
+              }}
+            >
+              {t("platoonSearch.results")}
+            </h1>
+            <p
+              style={{
+                marginTop: "2rem",
+              }}
+              className={styles.altDescription}
+            >
+              {t("platoonSearch.sidebarInfo")}
+            </p>
+          </div>
           <Results
             loading={loading}
             platoons={platoons}

diff --git a/src/locales/languages/en-US.json b/src/locales/languages/en-US.json
@@ -237,6 +237,7 @@
     "search": "Search",
     "searchPlaceholder": "Search for platoon by name...",
     "results": "Search results",
+    "sidebarInfo": "Clicking a result will display on the side if it can fit on your monitor",
     "resultNotFound": "No results found. To search for platoons, you need a minimum of 3 characters."
   },
   "stats": {