#!/bin/bash
echo "=== FASE 3: ACTUALIZAR REFERENCIAS REACT ==="

# Primero, mover PNG de src/pages a public/assets si es necesario
echo "1. Moviendo PNG desde src/pages a public/assets/img..."
mkdir -p /home/planetazuzu/guia-tes/public/assets/img/react_galeria/

for png in src/pages/*.png; do
    if [ -f "$png" ]; then
        nombre=$(basename "$png")
        echo "Moviendo $nombre a public/assets/img/react_galeria/"
        cp "$png" "/home/planetazuzu/guia-tes/public/assets/img/react_galeria/"
        # Mantener copia en src/pages temporalmente
        mv "$png" "/home/planetazuzu/guia-tes/src/pages/backup_$nombre"
    fi
done

# Crear archivo de mapeo para actualizar
cat > /home/planetazuzu/guia-tes/scripts/mapeo_react.csv << MAPEO
nombre_original,nuevo_path
tabla_rangos_fio2_oxigenoterapia.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia.png
tabla_rangos_fio2_oxigenoterapia1.png,/assets/img/react_galeria/tabla_rangos_fio2_oxigenoterapia1.png
tecnica_sujecion_manual_1.png,/assets/img/react_galeria/tecnica_sujecion_manual_1.png
tecnica_sujecion_manual_cervical.png,/assets/img/react_galeria/tecnica_sujecion_manual_cervival.png
uso_correcto_ambu.png,/assets/img/react_galeria/uso_correcto_ambu.png
uso_correcto_pulsioximetro.png,/assets/img/react_galeria/uso_correcto_pulsioximetro.png
uso_correcto_tensiometro.png,/assets/img/react_galeria/uso_correcto_tensiometro.png
ventilacion_medios_fortuna.png,/assets/img/react_galeria/ventilacion_medios_fortuna.png
verificaciones_post_colocacion_collarin.png,/assets/img/react_galeria/verificaciones_post_colocacion_collarin.png
MAPEO

echo ""
echo "2. Mapeo creado en scripts/mapeo_react.csv"
echo "3. Archivos movidos a public/assets/img/react_galeria/"
echo "4. Copias de seguridad en src/pages/backup_*.png"

echo ""
echo "=== INSTRUCCIONES PARA ACTUALIZAR GaleriaImagenes.tsx ==="
cat << 'INSTR'
Para actualizar manualmente GaleriaImagenes.tsx:

1. Reemplazar importaciones:
   Cambiar: import img from './imagen.png'
   Por: const img = '/assets/img/react_galeria/imagen.png'

2. O usar rutas directas en src:
   <img src="/assets/img/react_galeria/imagen.png" />

3. Eliminar las líneas de import que ya no se usen.

4. Ejecutar la app para verificar que las imágenes se cargan correctamente.
INSTR