codigo0/scripts/actualizar_react_fase3.sh

53 lines
2.2 KiB
Bash
Raw Normal View History

#!/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