Fix Camaras Layouts assetBaseUrl

Elecciones-Web/frontend/src/components/SenateLayout.tsx

@@ -1,6 +1,7 @@
 // src/components/SenateLayout.tsx
 import React, { useLayoutEffect } from 'react';
 import { handleImageFallback } from './imageFallback';
+import { assetBaseUrl } from '../apiService';
 
 // Interfaces
 interface SeatFillData {
@@ -28,7 +29,7 @@ export const SenateLayout: React.FC<SenateLayoutProps> = ({
   // HOOK DE IMAGENES POR DEFECTO
   useLayoutEffect(() => {
     // Se ejecuta después de que el componente y el tooltip se hayan renderizado
-    handleImageFallback('.seat-tooltip img', '/default-avatar.png');
+    handleImageFallback('.seat-tooltip img', `${assetBaseUrl}/default-avatar.png`);
   }, [seatData, presidenteBancada]); // Dependencias: se vuelve a ejecutar si estos datos cambian
 
   const uniqueColors = [...new Set(seatData.map(d => d.color).filter(Boolean))];
@@ -120,7 +121,7 @@ export const SenateLayout: React.FC<SenateLayoutProps> = ({
       strokeWidth: 1.5,
       'data-tooltip-id': seat.ocupante ? 'seat-tooltip' : undefined,
       'data-tooltip-html': seat.ocupante
-        ? `<div class="seat-tooltip"><img src="${seat.ocupante.fotoUrl || '/default-avatar.png'}" alt="${seat.ocupante.nombreOcupante}" /><p>${seat.ocupante.nombreOcupante}</p></div>`
+        ? `<div class="seat-tooltip"><img src="${seat.ocupante.fotoUrl || `${assetBaseUrl}/default-avatar.png`}" alt="${seat.ocupante.nombreOcupante}" /><p>${seat.ocupante.nombreOcupante}</p></div>`
         : undefined,
     });
   });