From bc9fe1d9bbdbe2eb02d2dfda750580843273cf06 Mon Sep 17 00:00:00 2001
From: Andrei <andrei@cloudz.ro>
Date: Sun, 12 Oct 2025 22:35:34 +0000
Subject: [PATCH] fix: correct localStorage token name from 'token' to
 'authToken'
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed authentication token inconsistency in subscription pages:

Issue:
- Subscription pages were using localStorage.getItem('token')
- Rest of the app uses localStorage.getItem('authToken')
- This caused users to be redirected to login when accessing subscription pages

Files Fixed:
- app/[locale]/subscription/page.tsx
  * fetchUserData() function
  * handleUpgrade() function
  * handleManageSubscription() function
- app/[locale]/subscription/success/page.tsx
  * SuccessContent component verification
- components/subscription/usage-display.tsx
  * fetchUsageData() function

Result:
- Users can now access subscription pages when logged in
- Consistent authentication token naming across entire app
- No more unwanted redirects to login page

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/[locale]/subscription/page.tsx         | 6 +++---
 app/[locale]/subscription/success/page.tsx | 2 +-
 components/subscription/usage-display.tsx  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/[locale]/subscription/page.tsx b/app/[locale]/subscription/page.tsx
index 30ff500..0c89e78 100644
--- a/app/[locale]/subscription/page.tsx
+++ b/app/[locale]/subscription/page.tsx
@@ -55,7 +55,7 @@ export default function SubscriptionPage() {
 
   const fetchUserData = async () => {
     try {
-      const token = localStorage.getItem('token')
+      const token = localStorage.getItem('authToken')
       if (!token) {
         router.push(`/${locale}/login`)
         return
@@ -92,7 +92,7 @@ export default function SubscriptionPage() {
     setError('')
 
     try {
-      const token = localStorage.getItem('token')
+      const token = localStorage.getItem('authToken')
       if (!token) {
         router.push(`/${locale}/login`)
         return
@@ -133,7 +133,7 @@ export default function SubscriptionPage() {
     setError('')
 
     try {
-      const token = localStorage.getItem('token')
+      const token = localStorage.getItem('authToken')
       if (!token) {
         router.push(`/${locale}/login`)
         return
diff --git a/app/[locale]/subscription/success/page.tsx b/app/[locale]/subscription/success/page.tsx
index 5c130f8..58c68a3 100644
--- a/app/[locale]/subscription/success/page.tsx
+++ b/app/[locale]/subscription/success/page.tsx
@@ -44,7 +44,7 @@ function SuccessContent() {
     // Give webhooks a moment to process, then verify the user's subscription
     const timer = setTimeout(async () => {
       try {
-        const token = localStorage.getItem('token')
+        const token = localStorage.getItem('authToken')
         if (!token) {
           router.push(`/${locale}/login`)
           return
diff --git a/components/subscription/usage-display.tsx b/components/subscription/usage-display.tsx
index 5fb18df..fbc7d53 100644
--- a/components/subscription/usage-display.tsx
+++ b/components/subscription/usage-display.tsx
@@ -45,7 +45,7 @@ export default function UsageDisplay({ compact = false, showUpgradeButton = true
 
   const fetchUsageData = async () => {
     try {
-      const token = localStorage.getItem('token')
+      const token = localStorage.getItem('authToken')
       if (!token) {
         setError(true)
         setLoading(false)