From b7068f3d93fcb0312eb6891ae239a0ce0103ac8c Mon Sep 17 00:00:00 2001
From: Gwendal Beaumont <gwendal.beaumont@imt-atlantique.fr>
Date: Sat, 28 Mar 2026 19:04:29 +0100
Subject: [PATCH] feat(i18n): add translation strings to MusicianPageView

---
 src/lib/components/views/MusicianPageView.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/views/MusicianPageView.svelte b/src/lib/components/views/MusicianPageView.svelte
index f7fcc0d37..a980a58f2 100644
--- a/src/lib/components/views/MusicianPageView.svelte
+++ b/src/lib/components/views/MusicianPageView.svelte
@@ -14,6 +14,7 @@
    */
   import { invoke } from '@tauri-apps/api/core';
   import { ArrowLeft, User, Music, Disc } from 'lucide-svelte';
+  import { t } from '$lib/i18n';
   import type { ResolvedMusician, AlbumAppearance, MusicianAppearances } from '$lib/types';
   import { onMount } from 'svelte';
 
@@ -110,7 +111,7 @@
     <!-- Bands & Projects Section -->
     {#if musician.bands.length > 0}
       <section class="section">
-        <h2 class="section-title">Bands & Projects</h2>
+        <h2 class="section-title">{$t('artist.bandProjects')}</h2>
         <div class="bands-grid">
           {#each musician.bands as band}
             <button
@@ -133,7 +134,7 @@
     <!-- Appears On Section -->
     <section class="section">
       <h2 class="section-title">
-        Appears On
+        {$t('artist.appearsOn')}
         {#if totalAppearances > 0}
           <span class="count">({totalAppearances})</span>
         {/if}
@@ -141,7 +142,7 @@
 
       {#if isLoading}
         <div class="loading-state">
-          <span>Loading appearances...</span>
+          <span>{$t('actions.loading')}</span>
         </div>
       {:else if error}
         <div class="error-state">
@@ -196,7 +197,7 @@
               onclick={loadMore}
               disabled={isLoadingMore}
             >
-              {isLoadingMore ? 'Loading...' : 'Load More'}
+              {isLoadingMore ? $t('actions.loading') : $t('actions.loadMore')}
             </button>
           </div>
         {/if}