From bddebb33ae3249ded6d25baf7fe82b9414c0798b Mon Sep 17 00:00:00 2001
From: senke <okin.tcs@gmail.com>
Date: Wed, 24 Dec 2025 14:34:00 +0100
Subject: [PATCH] [FE-COMP-003] fix: Fix TypeScript errors in empty states

- Fixed isOwnProfile reference in UserProfilePage
- Fixed possibly undefined data in PlaylistList pagination
---
 apps/web/src/features/playlists/components/PlaylistList.tsx | 2 +-
 apps/web/src/features/profile/pages/UserProfilePage.tsx     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/features/playlists/components/PlaylistList.tsx b/apps/web/src/features/playlists/components/PlaylistList.tsx
index 7a10a9f6e..381f320e3 100644
--- a/apps/web/src/features/playlists/components/PlaylistList.tsx
+++ b/apps/web/src/features/playlists/components/PlaylistList.tsx
@@ -353,7 +353,7 @@ export function PlaylistList({
             className="text-xs sm:text-sm text-muted-foreground text-center sm:text-left"
             aria-live="polite"
           >
-            Page {currentPage} sur {totalPages} ({data.total} playlists)
+            Page {currentPage} sur {totalPages} ({data?.total || 0} playlists)
           </div>
           <div className="flex items-center gap-2 w-full sm:w-auto">
             <Button
diff --git a/apps/web/src/features/profile/pages/UserProfilePage.tsx b/apps/web/src/features/profile/pages/UserProfilePage.tsx
index 94347c439..3d48fa956 100644
--- a/apps/web/src/features/profile/pages/UserProfilePage.tsx
+++ b/apps/web/src/features/profile/pages/UserProfilePage.tsx
@@ -256,7 +256,7 @@ export function UserProfilePage() {
                     <Music className="h-12 w-12 mx-auto mb-4 text-muted-foreground opacity-50" />
                     <h3 className="text-lg font-semibold mb-2">No tracks yet</h3>
                     <p className="text-muted-foreground">
-                      {isOwnProfile
+                      {currentUser?.id === profile.id
                         ? 'Start by uploading your first track to share with others.'
                         : 'This user has not uploaded any tracks yet.'}
                     </p>
@@ -298,7 +298,7 @@ export function UserProfilePage() {
                     <Library className="h-12 w-12 mx-auto mb-4 text-muted-foreground opacity-50" />
                     <h3 className="text-lg font-semibold mb-2">No playlists yet</h3>
                     <p className="text-muted-foreground">
-                      {isOwnProfile
+                      {currentUser?.id === profile.id
                         ? 'Create your first playlist to organize your favorite tracks.'
                         : 'This user has not created any playlists yet.'}
                     </p>