From 24535e4e2634e9fcf7e34b9049ee51d4feb4a0f3 Mon Sep 17 00:00:00 2001
From: Randall Stillwell <me@randallstillwell.com>
Date: Tue, 22 Jul 2025 10:59:48 -0500
Subject: [PATCH] Fix token retrieval in Settings page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 Authentication Fix:
- Change localStorage.getItem('token') to localStorage.getItem('tcg_vault_token')
- Match the token key used in AuthContext ('tcg_vault_token')
- Fix both loadPreferences and savePreferences functions

This resolves the 'Invalid or expired token' error when accessing settings.
The token was being stored correctly but retrieved with wrong key.
---
 src/pages/Settings.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
index 1d98c7e..cd78f33 100644
--- a/src/pages/Settings.tsx
+++ b/src/pages/Settings.tsx
@@ -39,7 +39,7 @@ const Settings: React.FC = () => {
     if (!user) return;
 
     try {
-      const token = localStorage.getItem('token');
+      const token = localStorage.getItem('tcg_vault_token');
       const response = await fetch('/api/user/preferences', {
         headers: {
           'Authorization': `Bearer ${token}`,
@@ -66,7 +66,7 @@ const Settings: React.FC = () => {
 
     setIsSaving(true);
     try {
-      const token = localStorage.getItem('token');
+      const token = localStorage.getItem('tcg_vault_token');
       const response = await fetch('/api/user/preferences', {
         method: 'PUT',
         headers: {