fix: remove duplicate hardcoded AUDIO_MAP, use episode.audioUrl directly (#60)

lib/constants.ts's AUDIO_MAP duplicated episode.audioUrl with stale,
broken paths for EP3/EP7. EpisodesSection.tsx and
EpisodeRecommendations.tsx used it instead of the real field, so the
homepage showed wrong play/no-audio states and 404s even after
data/episodes.ts was fixed. Removed the duplicate map and its helper;
both components now read episode.audioUrl directly.

Fixes #59

Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>

Author: Samurai33

components/episode/EpisodeRecommendations.tsx

@@ -18,14 +18,6 @@ export function EpisodeRecommendations({ currentEpisodeId, limit = 3 }: EpisodeR
   const { playEpisode } = useAudio()
   const recommendations = getRecommendedEpisodes(currentEpisodeId, limit)
 
-  const getAudioUrl = (episodeId: string | number): string | null => {
-    const audioMap: Record<string | number, string> = {
-      3: "/audio/namoral-combating-digital-corruption-networks.mp3",
-      7: "/audio/brasil-fraudes-digitais.mp3",
-    }
-    return audioMap[episodeId] || null
-  }
-
   if (recommendations.length === 0) {
     return (
       <Card className="bg-gray-900 border-gray-700">
@@ -43,7 +35,7 @@ export function EpisodeRecommendations({ currentEpisodeId, limit = 3 }: EpisodeR
       </CardHeader>
       <CardContent className="space-y-4">
         {recommendations.map((episode) => {
-          const hasAudio = getAudioUrl(episode.id) !== null
+          const hasAudio = !!episode.audioUrl
 
           return (
             <Card key={episode.id} className="bg-gray-800 border-gray-600 hover:border-cyan-500/50 transition-colors">
@@ -70,12 +62,7 @@ export function EpisodeRecommendations({ currentEpisodeId, limit = 3 }: EpisodeR
                   {hasAudio && (
                     <Button
                       size="sm"
-                      onClick={() =>
-                        playEpisode({
-                          ...episode,
-                          audioUrl: getAudioUrl(episode.id),
-                        })
-                      }
+                      onClick={() => playEpisode(episode)}
                       className="bg-gradient-to-r from-red-500 to-cyan-600 hover:from-red-400 hover:to-cyan-500"
                     >
                       <Play className="w-3 h-3 mr-1" />

components/sections/EpisodesSection.tsx

@@ -9,7 +9,7 @@ import { EpisodeBadge } from "@/components/ui/episode-badge"
 import { useUI } from "@/contexts/UIContext"
 import { useAudio } from "@/contexts/AudioContext"
 import { useDashboard } from "@/contexts/DashboardContext"
-import { cn, getAudioUrl } from "@/lib/utils"
+import { cn } from "@/lib/utils"
 import type { Episode } from "@/types"
 
 interface EpisodesSectionProps {
@@ -31,16 +31,10 @@ export function EpisodesSection({ episodes: originalEpisodes }: EpisodesSectionP
   })
 
   const handlePlayEpisode = (episode: Episode) => {
-    const audioUrl = getAudioUrl(episode.id)
-    const episodeWithAudio = {
-      ...episode,
-      audioUrl: audioUrl,
-    }
-
     if (isEpisodePlaying(episode.id)) {
       togglePlayPause()
     } else {
-      playEpisode(episodeWithAudio)
+      playEpisode(episode)
     }
   }
 
@@ -67,7 +61,7 @@ export function EpisodesSection({ episodes: originalEpisodes }: EpisodesSectionP
         <div className="grid md:grid-cols-2 gap-6">
           {episodes.map((episode, index) => {
             const isCurrentlyPlaying = isEpisodePlaying(episode.id)
-            const hasAudio = getAudioUrl(episode.id) !== null
+            const hasAudio = !!episode.audioUrl
 
             return (
               <Card

lib/constants.ts

@@ -21,11 +21,6 @@ export const SEVERITY_COLORS: Record<SeverityLevel, string> = {
   low: "bg-green-500",
 }
 
-export const AUDIO_MAP: Record<string | number, string> = {
-  3: "/audio/namoral-combating-digital-corruption-networks.mp3",
-  7: "/audio/brasil-fraudes-digitais.mp3",
-}
-
 export const NAVIGATION_ITEMS = [
   { label: "CASOS", href: "#casos" },
   { label: "PROTOCOLOS", href: "#protocolos" },

lib/utils.test.ts

@@ -3,7 +3,6 @@ import {
   getStatusColor,
   getThreatColor,
   getSeverityColor,
-  getAudioUrl,
   formatTime,
   formatDate,
   truncateText,
@@ -41,12 +40,6 @@ describe("getSeverityColor", () => {
   })
 })
 
-describe("getAudioUrl", () => {
-  it("returns null for an episode id with no mapped audio", () => {
-    expect(getAudioUrl("no-such-episode-id")).toBeNull()
-  })
-})
-
 describe("formatTime", () => {
   it("formats seconds as m:ss", () => {
     expect(formatTime(0)).toBe("0:00")

lib/utils.ts

@@ -1,7 +1,7 @@
 import { type ClassValue, clsx } from "clsx"
 import { twMerge } from "tailwind-merge"
 import type { EpisodeStatus, ThreatLevel, SeverityLevel } from "@/types"
-import { EPISODE_STATUS, THREAT_LEVELS, SEVERITY_COLORS, AUDIO_MAP } from "./constants"
+import { EPISODE_STATUS, THREAT_LEVELS, SEVERITY_COLORS } from "./constants"
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
@@ -19,10 +19,6 @@ export function getSeverityColor(severity: SeverityLevel): string {
   return SEVERITY_COLORS[severity] || "bg-gray-500"
 }
 
-export function getAudioUrl(episodeId: string | number): string | null {
-  return AUDIO_MAP[episodeId] || null
-}
-
 export function formatTime(time: number): string {
   const minutes = Math.floor(time / 60)
   const seconds = Math.floor(time % 60)