chore: prepare release v1.0.1 and ignore CLAUDE.md

src/pages/RandomMix.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { getRandomSongs, SubsonicSong, star, unstar } from '../api/subsonic';
 import { usePlayerStore } from '../store/playerStore';
 import { Play, HandMetal, RefreshCw } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
 
 function formatDuration(seconds: number): string {
   if (!seconds || isNaN(seconds)) return '0:00';
@@ -11,6 +12,7 @@ function formatDuration(seconds: number): string {
 }
 
 export default function RandomMix() {
+  const { t } = useTranslation();
   const [songs, setSongs] = useState<SubsonicSong[]>([]);
   const [loading, setLoading] = useState(true);
   const playTrack = usePlayerStore(s => s.playTrack);
@@ -35,15 +37,7 @@ export default function RandomMix() {
   }, []);
 
   const handlePlayAll = () => {
-    if (songs.length > 0) {
-      playTrack(songs[0], songs);
-    }
-  };
-
-  const handleEnqueueAll = () => {
-    if (songs.length > 0) {
-      enqueue(songs);
-    }
+    if (songs.length > 0) playTrack(songs[0], songs);
   };
 
   const toggleSongStar = async (song: SubsonicSong, e: React.MouseEvent) => {
@@ -59,22 +53,21 @@ export default function RandomMix() {
       else await star(song.id, 'song');
     } catch (err) {
       console.error('Failed to toggle song star', err);
-      const revert = new Set(starredSongs);
-      setStarredSongs(revert);
+      setStarredSongs(new Set(starredSongs));
     }
   };
 
   return (
     <div className="content-body animate-fade-in">
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '2rem' }}>
-        <h1 className="page-title">Zufallsmix</h1>
-        
+        <h1 className="page-title">{t('randomMix.title')}</h1>
+
         <div style={{ display: 'flex', gap: '0.5rem' }}>
-          <button className="btn btn-surface" onClick={fetchSongs} disabled={loading} data-tooltip="Neue Songs laden">
-            <RefreshCw size={18} className={loading ? 'spin' : ''} /> Neu mixen
+          <button className="btn btn-surface" onClick={fetchSongs} disabled={loading} data-tooltip={t('randomMix.remixTooltip')}>
+            <RefreshCw size={18} className={loading ? 'spin' : ''} /> {t('randomMix.remix')}
           </button>
           <button className="btn btn-primary" onClick={handlePlayAll} disabled={loading || songs.length === 0}>
-            <Play size={18} fill="currentColor" /> Alle abspielen
+            <Play size={18} fill="currentColor" /> {t('randomMix.playAll')}
           </button>
         </div>
       </div>
@@ -87,10 +80,10 @@ export default function RandomMix() {
         <div className="tracklist">
           <div className="tracklist-header" style={{ gridTemplateColumns: '36px 1fr 1fr 60px 80px' }}>
             <span></span>
-            <span>Titel</span>
-            <span>Album</span>
-            <span style={{ textAlign: 'center' }}>Favorit</span>
-            <span style={{ textAlign: 'right' }}>Dauer</span>
+            <span>{t('randomMix.trackTitle')}</span>
+            <span>{t('randomMix.trackAlbum')}</span>
+            <span style={{ textAlign: 'center' }}>{t('randomMix.trackFavorite')}</span>
+            <span style={{ textAlign: 'right' }}>{t('randomMix.trackDuration')}</span>
           </div>
 
           {songs.map((song) => (
@@ -108,35 +101,32 @@ export default function RandomMix() {
                   albumId: song.albumId, duration: song.duration, coverArt: song.coverArt, track: song.track,
                   year: song.year, bitRate: song.bitRate, suffix: song.suffix, userRating: song.userRating,
                 };
-                e.dataTransfer.setData('application/json', JSON.stringify({
-                  type: 'song',
-                  track
-                }));
+                e.dataTransfer.setData('application/json', JSON.stringify({ type: 'song', track }));
               }}
             >
-              <button 
-                className="btn btn-ghost" 
+              <button
+                className="btn btn-ghost"
                 style={{ padding: 4 }}
                 onClick={(e) => { e.stopPropagation(); playTrack(song, songs); }}
-                data-tooltip="Abspielen"
+                data-tooltip={t('randomMix.play')}
               >
                 <Play size={14} fill="currentColor" />
               </button>
-              
+
               <div className="track-info">
                 <span className="track-title" data-tooltip={song.title}>{song.title}</span>
                 <span className="track-artist">{song.artist}</span>
               </div>
-              
+
               <div className="track-info">
                 <span className="track-title" style={{ fontSize: '0.85rem', color: 'var(--subtext0)' }} data-tooltip={song.album}>{song.album}</span>
               </div>
 
               <div style={{ display: 'flex', justifyContent: 'center' }}>
-                <button 
+                <button
                   className="btn btn-ghost"
                   onClick={(e) => toggleSongStar(song, e)}
-                  data-tooltip={starredSongs.has(song.id) ? "Aus Favoriten entfernen" : "Zu Favoriten hinzufügen"}
+                  data-tooltip={starredSongs.has(song.id) ? t('randomMix.favoriteRemove') : t('randomMix.favoriteAdd')}
                   style={{ padding: '4px', height: 'auto', minHeight: 'unset', color: starredSongs.has(song.id) ? 'var(--accent)' : 'var(--text-muted)' }}
                 >
                   <HandMetal size={14} fill={starredSongs.has(song.id) ? "currentColor" : "none"} />