From 74cdbe5c70996c1bf86d4e55f514db603ab2359e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 2 Sep 2025 21:15:55 -0700
Subject: [PATCH] Fix dynamic translation key error handling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add proper fallback for undefined statusText in error alerts
- Prevent accessing 'errors.undefined' translation key
- Handle cases where axiosError.statusText is undefined

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/character/CharacterGrid/index.tsx | 4 +++-
 components/summon/SummonGrid/index.tsx       | 4 +++-
 components/weapon/WeaponGrid/index.tsx       | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/character/CharacterGrid/index.tsx b/components/character/CharacterGrid/index.tsx
index fc003e27..ea4b451c 100644
--- a/components/character/CharacterGrid/index.tsx
+++ b/components/character/CharacterGrid/index.tsx
@@ -508,7 +508,9 @@ const CharacterGrid = (props: Props) => {
       <Alert
         open={errorAlertOpen}
         title={axiosError ? `${axiosError.status}` : 'Error'}
-        message={t(`errors.${axiosError?.statusText.toLowerCase()}`)}
+        message={axiosError?.statusText && axiosError.statusText !== 'undefined' 
+          ? t(`errors.${axiosError.statusText.toLowerCase()}`) 
+          : t('errors.internal_server_error.description')}
         cancelAction={() => setErrorAlertOpen(false)}
         cancelActionText={t('buttons.confirm')}
       />
diff --git a/components/summon/SummonGrid/index.tsx b/components/summon/SummonGrid/index.tsx
index e89c1ed8..c6d2e0c4 100644
--- a/components/summon/SummonGrid/index.tsx
+++ b/components/summon/SummonGrid/index.tsx
@@ -369,7 +369,9 @@ const SummonGrid = (props: Props) => {
       <Alert
         open={errorAlertOpen}
         title={axiosError ? `${axiosError.status}` : 'Error'}
-        message={t(`errors.${axiosError?.statusText.toLowerCase()}`)}
+        message={axiosError?.statusText && axiosError.statusText !== 'undefined' 
+          ? t(`errors.${axiosError.statusText.toLowerCase()}`) 
+          : t('errors.internal_server_error.description')}
         cancelAction={() => setErrorAlertOpen(false)}
         cancelActionText={t('buttons.confirm')}
       />
diff --git a/components/weapon/WeaponGrid/index.tsx b/components/weapon/WeaponGrid/index.tsx
index e628469b..77a0ce9d 100644
--- a/components/weapon/WeaponGrid/index.tsx
+++ b/components/weapon/WeaponGrid/index.tsx
@@ -566,7 +566,9 @@ const WeaponGrid = (props: Props) => {
       <Alert
         open={errorAlertOpen}
         title={axiosError ? `${axiosError.status}` : 'Error'}
-        message={t(`errors.${axiosError?.statusText.toLowerCase()}`)}
+        message={axiosError?.statusText && axiosError.statusText !== 'undefined' 
+          ? t(`errors.${axiosError.statusText.toLowerCase()}`) 
+          : t('errors.internal_server_error.description')}
         cancelAction={() => setErrorAlertOpen(false)}
         cancelActionText={t('buttons.confirm')}
       />