From fda420a0b38dec92c83d51f59e15c4c80cc30b54 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sat, 10 May 2025 22:44:12 -0500
Subject: [PATCH] fix crash in face library on initial start after enabling

---
 web/public/locales/en/views/faceLibrary.json | 1 +
 web/src/pages/FaceLibrary.tsx                | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/public/locales/en/views/faceLibrary.json b/web/public/locales/en/views/faceLibrary.json
index 50f2f587d..bb5f7e9e0 100644
--- a/web/public/locales/en/views/faceLibrary.json
+++ b/web/public/locales/en/views/faceLibrary.json
@@ -68,6 +68,7 @@
     "dropInstructions": "Drag and drop an image here, or click to select",
     "maxSize": "Max size: {{size}}MB"
   },
+  "nofaces": "No faces available",
   "readTheDocs": "Read the documentation",
   "trainFaceAs": "Train Face as:",
   "trainFace": "Train Face",
diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index d5ba4c26e..921f8d532 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -390,10 +390,10 @@ export default function FaceLibrary() {
           </div>
         )}
       </div>
-      {pageToggle && faceImages.length === 0 && pageToggle !== "train" ? (
+      {pageToggle && faceImages?.length === 0 && pageToggle !== "train" ? (
         <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center text-center">
           <LuFolderCheck className="size-16" />
-          No faces available
+          {t("nofaces")}
         </div>
       ) : (
         pageToggle &&