🎵

\n {language === 'en' ? 'Finding healing music for you...' : 'Recherche de musique guérisseuse pour vous...'}\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {t('soulfulTracks', language)}\n

\n {currentMood && (\n

\n {getMoodMessage()}\n

\n )}\n {!currentMood && (\n

\n {language === 'en' \n ? \"Healing music for your soul's journey\"\n : \"Musique guérisseuse pour le voyage de votre âme\"\n }\n

\n )}\n

\n\n {/* Genre Filter */}\n

\n {language === 'en' ? 'Filter by Genre' : 'Filtrer par Genre'}\n

\n setSelectedGenre(null)}\n className={`px-3 py-2 rounded-lg text-sm font-medium transition-all ${\n !selectedGenre\n ? 'bg-amber-200 text-amber-800'\n : 'bg-amber-50 text-amber-600 hover:bg-amber-100'\n }`}\n >\n {language === 'en' ? 'All' : 'Tous'}\n \n {genres.map((genre) => (\n setSelectedGenre(genre.id)}\n className={`px-3 py-2 rounded-lg text-sm font-medium transition-all flex items-center space-x-1 ${\n selectedGenre === genre.id\n ? 'bg-amber-200 text-amber-800'\n : 'bg-amber-50 text-amber-600 hover:bg-amber-100'\n }`}\n >\n {genre.emoji}\n {genre.name}\n \n ))}\n

\n\n {/* Music Suggestions */}\n {suggestions.length > 0 ? (\n

\n {suggestions.map((music) => (\n \n

\n {music.title}\n

\n by {music.artist}\n

\n \n {genres.find(g => g.id === music.genre)?.emoji || '🎵'}\n {t(`genres.${music.genre}`, language)}\n \n 🌍 {music.culturalOrigin}\n

\n toggleFavorite(music.id)}\n className={`p-2 rounded-full ${\n favorites.has(music.id)\n ? 'text-red-500 bg-red-50'\n : 'text-amber-600 bg-amber-50'\n }`}\n >\n {favorites.has(music.id) ? '❤️' : '🤍'}\n \n

\n\n

\n {music.description[language]}\n

\n\n {/* Play Buttons */}\n

\n {music.youtubeId && (\n playMusic(music)}\n disabled={currentlyPlaying === music.id}\n className={`flex-1 py-2 px-4 rounded-lg font-medium transition-all ${\n currentlyPlaying === music.id\n ? 'bg-red-100 text-red-800'\n : 'bg-red-500 text-white hover:bg-red-600'\n }`}\n >\n {currentlyPlaying === music.id ? (\n \n 🎵\n {language === 'en' ? 'Playing...' : 'En cours...'}\n \n ) : (\n \n ▶️\n {t('playOnYoutube', language)}\n \n )}\n \n )}\n \n {music.spotifyId && (\n playMusic(music)}\n disabled={currentlyPlaying === music.id}\n className={`flex-1 py-2 px-4 rounded-lg font-medium transition-all ${\n currentlyPlaying === music.id\n ? 'bg-green-100 text-green-800'\n : 'bg-green-500 text-white hover:bg-green-600'\n }`}\n >\n {currentlyPlaying === music.id ? (\n \n 🎵\n {language === 'en' ? 'Playing...' : 'En cours...'}\n \n ) : (\n \n 🎧\n {t('playOnSpotify', language)}\n \n )}\n \n )}\n

\n ))}\n

\n ) : (\n

🎼

\n {language === 'en' \n ? \"No music found for this selection. Try a different genre!\"\n : \"Aucune musique trouvée pour cette sélection. Essayez un genre différent !\"\n }\n

\n )}\n\n {/* Refresh Button */}\n \n 🔄\n {language === 'en' ? 'Get New Music' : 'Obtenir de Nouvelle Musique'}\n \n\n {/* Cultural Note */}\n

\n {language === 'en'\n ? \"Music is medicine for the soul. These songs carry the healing power of African rhythms and global harmony. 🎶\"\n : \"La musique est un médicament pour l'âme. Ces chansons portent le pouvoir guérisseur des rythmes africains et de l'harmonie mondiale. 🎶\"\n }\n

\n\n {/* Mood Journey Playlist */}\n {currentMood && (\n

\n 🎭\n {language === 'en' ? 'Create Mood Journey Playlist' : 'Créer une Playlist de Voyage d\\'Humeur'}\n

\n {language === 'en'\n ? \"Combine multiple moods to create a healing musical journey\"\n : \"Combinez plusieurs humeurs pour créer un voyage musical guérisseur\"\n }\n

\n \n

\n )}\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/that_girl/soulandfood/code/frontend/components/MusicSuggestion.tsx","extension","actionData","errors"]