dmolinari/Elecciones-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix Camaras Layouts assetBaseUrl

Browse Source
This commit is contained in:
dmolinari
2025-09-04 17:39:20 -03:00
parent 0ce5e2e2c9
commit 479c2c60f2
8 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Elecciones-Web/frontend/src/components/ParliamentLayout.tsx
View File

@@ -1,5 +1,6 @@
// src/components/ParliamentLayout.tsx
import React, { useLayoutEffect } from 'react';
import { assetBaseUrl } from '../apiService';
import { handleImageFallback } from './imageFallback';
// Interfaces (no cambian)
@@ -28,7 +29,7 @@ export const ParliamentLayout: React.FC<ParliamentLayoutProps> = ({
// 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))];
@@ -165,7 +166,7 @@ export const ParliamentLayout: React.FC<ParliamentLayoutProps> = ({
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,
});
});

5
Elecciones-Web/frontend/src/components/SenateLayout.tsx
View File

@@ -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,
});
});