From 5f8ecd7531092faed90f4d0af895425271c205ac Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 21 Mar 2025 10:51:48 -0600
Subject: [PATCH] Ensure train is option on mobile

---
 web/src/pages/FaceLibrary.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index ee2cd160c..282965d39 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -353,6 +353,15 @@ function LibrarySelector({
         <Button className="capitalize">{pageToggle}</Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent>
+        {trainImages.length > 0 && (
+          <DropdownMenuItem
+            className={`flex scroll-mx-10 items-center justify-between gap-2 ${pageToggle == "train" ? "" : "*:text-muted-foreground"}`}
+            aria-label={t("train.aria")}
+            onClick={() => setPageToggle("train")}
+          >
+            <div>{t("train.title")}</div>
+          </DropdownMenuItem>
+        )}
         {Object.values(faces).map((face) => (
           <DropdownMenuItem
             className="capitalize"