diff --git a/public/Organigrama_con_ids(1).svg b/public/Organigrama_con_ids(1).svg
new file mode 100644
index 0000000..4fe5de5
--- /dev/null
+++ b/public/Organigrama_con_ids(1).svg
@@ -0,0 +1,322 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+DIRECCIÓN
+
+DEPARTAMENTO DE LA
+OFICINA DE PRENSA
+
+
+COORDINACIÓN DE
+COMUNICACIÓN
+SOCIAL
+
+
+COORDINACIÓN DE
+GESTIÓN
+
+SECRETARÍA GENERAL
+
+DIVISIÓN DE
+MATEMÁTICAS E
+INGENIERÍA
+
+
+DIVISIÓN DE DISEÑO Y
+EDIFICACIÓN
+
+
+DIVISIÓN DE
+HUMANIDADES
+
+
+DIVISIÓN DE CIENCIAS
+Y SOCIOECONÓMICAS
+
+
+DIVISIÓN DE CIENCIAS
+JURÍDICAS
+
+
+DIVISIÓN DEL SISTEMA
+DE UNIVERSIDAD
+ABIERTA Y EDUCACIÓN
+A DISTANCIA
+
+
+SECRETARÍA AUXILIAR
+DE LA SECRETARÍA
+GENERAL
+
+
+SECRETARÍA DE
+POSGRADO E
+INVESTIGACIÓN
+
+
+COORDINACIÓN DE
+ESTUDIOS DE
+POSGRADO
+
+
+
+UNIDAD DE
+ADMINISTRACIÓN
+ESCOLAR
+
+
+
+COORDINACIÓN DEL
+CENTRO DE ENSEÑANZA
+DE IDIOMAS
+
+
+UNIDAD DEL CENTRO DE
+INFORMACIÓN Y
+DOCUMENTACIÓN
+
+
+UNIDAD DEL CENTRO DE
+DESARROLLO
+TECNOLÓGICO
+
+
+UNIDAD DE SERVICIOS
+EDITORIALES
+
+
+UNIDAD DE TALLERES,
+LABORATORIOS Y
+AUDIOVISUALES
+
+
+COORDINACIÓN DEL
+CENTRO TECNOLÓGICO
+PARA LA EDUCACIÓN A
+DISTANCIA
+
+
+
+COORDINACIÓN DEL
+CENTRO DE ESTUDIOS
+MUNICIPALES Y
+METROPOLITANOS
+
+
+
+COORDINACIÓN DEL
+CENTRO DE DIFUSIÓN
+CULTURAL
+
+
+
+COORDINACIÓN DE
+ACTIVIDADES
+DEPORTIVAS Y
+RECREATIVAS
+
+
+
+SECRETARÍA AUXILIAR DE
+EXTENSIÓN UNIVERSITARIA
+Y VINCULACIÓN
+INSTITUCIONAL
+
+
+
+SECRETARÍA TÉCNICA DE
+EXTENSIÓN UNIVERSITARIA
+Y VINCULACIÓN
+INSTITUCIONAL
+
+
+
+SECRETARÍA AUXILIAR DE
+LA SECRETARÍA DE
+ASUNTOS ACADÉMICOS
+ESTUDIANTILES
+
+
+
+DEPARTAMENTO DE
+MOVILIDAD ESTUDIANTIL,
+INTERCAMBIO, BECAS Y
+SERVICIOS DE SALUD
+
+
+SECRETARÍA AUXILIAR
+DE POSGRADO E
+INVESTIGACIÓN
+
+
+COORDINACIÓN DE LA
+UNIDAD DE
+INVESTIGACIÓN
+MULTIDISCIPLINARIA
+APLICADA
+
+
+SECRETARÍA DE
+EXTENSIÓN
+UNIVERSITARIA Y
+VINCULACIÓN
+INSTITUCIONAL
+
+
+COORDINACIÓN DE
+SERVICIOS
+ACADÉMICOS
+
+
+UNIDAD DE LA OFICINA
+JURÍDICA
+
+
+UNIDAD DE
+PLANEACIÓN
+
+
+COORDINACIÓN DE
+CUERPOS COLEGIADOS
+
+
+
+SECRETARÍA
+ADMINISTRATIVA
+
+
+
+UNIDAD DE
+ADMINISTRACIÓN DE
+RECURSOS
+
+
+
+UNIDAD DE SERVICIOS
+A LA COMUNIDAD
+
+
+
+DEPARTAMENTO DE
+PROYECTOS
+ADMINISTRATIVOS
+
+
+DEPARTAMENTO DE
+ATENCIÓN A LA
+COMUNIDAD
+ESTUDIANTIL
+
+DEPARTAMENTO DE
+SERVICIO SOCIAL,
+DESARROLLO PROFESIONAL
+E INSERCIÓN LABORAL
+
+COORDINACIÓN DEL
+CENTRO DE
+EDUCACIÓN
+CONTINUA
+
+
+SECRETARÍA DE ASUNTOS
+ACADÉMICOS
+ESTUDIANTILES
+
+
+
+SUPERINTENDENCIA DE
+OBRAS Y
+MANTENIMIENTO
+
+
+
+COORDINACIÓN DE
+PLANTA DE
+TRATAMIENTO DE
+AGUAS RESIDUALES
+
+
+
\ No newline at end of file
diff --git a/public/organigrama231025.svg b/public/organigrama231025.svg
index c006b22..6beefa6 100644
--- a/public/organigrama231025.svg
+++ b/public/organigrama231025.svg
@@ -1 +1,292 @@
-DIRECCIÓN DEPARTAMENTO DE LA OFICINA DE PRENSA COORDINACIÓN DE COMUNICACIÓN SOCIAL COORDINACIÓN DE GESTIÓN SECRETARÍA GENERAL DIVISIÓN DE MATEMÁTICAS E INGENIERÍA DIVISIÓN DE DISEÑO Y EDIFICACIÓN DIVISIÓN DE HUMANIDADES DIVISIÓN DE CIENCIAS Y SOCIOECONÓMICAS DIVISIÓN DE CIENCIAS JURÍDICAS DIVISIÓN DE SISTEMA DE SUAYED SECRETARÍA AUXILIAR DE LA SECRETARÍA GENERAL SECRETARÍA DE POSGRADO E INVESTIGACIÓN COORDINACIÓN DE ESTUDIOS DE POSGRADO UNIDAD DE ADMINISTRACIÓN ESCOLAR COORDINACIÓN DEL CENTRO DE ENSEÑANZA DE IDIOMAS UNIDAD DEL CENTRO DE INFORMACIÓN Y DOCUMENTACIÓN UNIDAD DEL CENTRO DE DESARROLLO TECNOLÓGICO UNIDAD DE SERVICIOS EDITORIALES UNIDAD DE TALLERES, LABORATORIOS Y AUDIOVISUALES COORDINACIÓN DEL CENTRO TECNOLÓGICO PARA LA EDUCACIÓN A DISTANCIA COORDINACIÓN DEL CENTRO DE ESTUDIOS MUNICIPALES Y METROPOLITANOS COORDINACIÓN DEL CENTRO DE DIFUSIÓN CULTURAL COORDINACIÓN DE ACTIVIDADES DEPORTIVAS Y RECREATIVAS SECRETARÍA AUXILIAR DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL SECRETARÍA TÉCNICA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL SECRETARÍA AUXILIAR DE LA SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES DEPARTAMENTO DE MOVILIDAD ESTUDIANTIL, INTERCAMBIO, BECAS Y SERVICIOS DE SALUD SECRETARÍA AUXILIAR DE POSGRADO E INVESTIGACIÓN COORDINACIÓN DE LA UNIDAD DE INVESTIGACIÓN MULTIDISCIPLINARIA APLICADA SECRETARÍA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL COORDINACIÓN DE SERVICIOS ACADÉMICOS UNIDAD DE LA OFICINA JURÍDICA UNIDAD DE PLANEACIÓN COORDINACIÓN DE CUERPOS COLEGIADOS SECRETARÍA ADMINISTRATIVA UNIDAD DE ADMINISTRACIÓN DE RECURSOS UNIDAD DE SERVICIOS A LA COMUNIDAD DEPARTAMENTO DE PROYECTOS ADMINISTRATIVOS DEPARTAMENTO DE ATENCIÓN A LA COMUNIDAD ESTUDIANTIL DEPARTAMENTO DE SERVICIO SOCIAL, DESARROLLO PROFESIONAL E INSERCIÓN LABORAL COORDINACIÓN DEL CENTRO DE EDUCACIÓN CONTINUA SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES SUPERINTENDENCIA DE OBRAS Y MANTENIMIENTO COORDINACIÓN DE PLANTA DE TRATAMIENTO DE AGUAS RESIDUALES
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DIRECCIÓN
+ DEPARTAMENTO DE LA OFICINA DE PRENSA
+ COORDINACIÓN DE COMUNICACIÓN SOCIAL
+ COORDINACIÓN DE GESTIÓN SECRETARÍA GENERAL
+ DIVISIÓN DE MATEMÁTICAS E INGENIERÍA
+ DIVISIÓN DE DISEÑO Y EDIFICACIÓN
+ DIVISIÓN DE HUMANIDADES
+ DIVISIÓN DE CIENCIAS Y SOCIOECONÓMICAS
+ DIVISIÓN DE CIENCIAS JURÍDICAS
+ DIVISIÓN DE SISTEMA DE SUAYED
+ SECRETARÍA AUXILIAR DE LA SECRETARÍA GENERAL
+ SECRETARÍA DE POSGRADO E INVESTIGACIÓN
+ COORDINACIÓN DE ESTUDIOS DE POSGRADO
+
+ UNIDAD DE ADMINISTRACIÓN ESCOLAR
+
+ COORDINACIÓN DEL CENTRO DE ENSEÑANZA DE IDIOMAS
+ UNIDAD DEL CENTRO DE INFORMACIÓN Y DOCUMENTACIÓN
+ UNIDAD DEL CENTRO DE DESARROLLO TECNOLÓGICO
+ UNIDAD DE SERVICIOS EDITORIALES
+ UNIDAD DE TALLERES, LABORATORIOS Y AUDIOVISUALES
+ COORDINACIÓN DEL CENTRO TECNOLÓGICO PARA LA EDUCACIÓN A DISTANCIA
+
+ COORDINACIÓN DEL CENTRO DE ESTUDIOS MUNICIPALES Y METROPOLITANOS
+
+ COORDINACIÓN DEL CENTRO DE DIFUSIÓN CULTURAL
+
+ COORDINACIÓN DE ACTIVIDADES DEPORTIVAS Y RECREATIVAS
+
+ SECRETARÍA AUXILIAR DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+
+ SECRETARÍA TÉCNICA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+
+ SECRETARÍA AUXILIAR DE LA SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES
+
+ DEPARTAMENTO DE MOVILIDAD ESTUDIANTIL, INTERCAMBIO, BECAS Y SERVICIOS DE SALUD
+ SECRETARÍA AUXILIAR DE POSGRADO E INVESTIGACIÓN
+ COORDINACIÓN DE LA UNIDAD DE INVESTIGACIÓN MULTIDISCIPLINARIA APLICADA
+ SECRETARÍA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+ COORDINACIÓN DE SERVICIOS ACADÉMICOS
+ UNIDAD DE LA OFICINA JURÍDICA
+ UNIDAD DE PLANEACIÓN
+ COORDINACIÓN DE CUERPOS COLEGIADOS
+
+ SECRETARÍA ADMINISTRATIVA
+
+ UNIDAD DE ADMINISTRACIÓN DE RECURSOS
+
+
+ UNIDAD DE SERVICIOS
+ A LA COMUNIDAD
+
+ DEPARTAMENTO DE PROYECTOS ADMINISTRATIVOS
+ DEPARTAMENTO DE ATENCIÓN A LA
+ COMUNIDAD
+ ESTUDIANTIL
+
+
+ DEPARTAMENTO DE SERVICIO SOCIAL,
+ DESARROLLO PROFESIONAL
+ E INSERCIÓN LABORAL
+
+ COORDINACIÓN DEL CENTRO DE
+ EDUCACIÓN
+ CONTINUA
+
+
+ SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES
+
+ SUPERINTENDENCIA DE OBRAS Y MANTENIMIENTO
+
+ COORDINACIÓN DE PLANTA DE TRATAMIENTO DE AGUAS RESIDUALES
+
+
\ No newline at end of file
diff --git a/public/organigrama_FES221025.svg b/public/organigrama_FES221025.svg
index d78932a..1ceb20e 100644
--- a/public/organigrama_FES221025.svg
+++ b/public/organigrama_FES221025.svg
@@ -1 +1,284 @@
-DIRECCIÓN DEPARTAMENTO DE LA OFICINA DE PRENSA COORDINACIÓN DE COMUNICACIÓN SOCIAL COORDINACIÓN DE GESTIÓN SECRETARÍA GENERAL DIVISIÓN DE MATEMÁTICAS E INGENIERÍA DIVISIÓN DE DISEÑO Y EDIFICACIÓN DIVISIÓN DE HUMANIDADES DIVISIÓN DE CIENCIAS Y SOCIOECONÓMICAS DIVISIÓN DE CIENCIAS JURÍDICAS DIVISIÓN DE SISTEMA DE SUAYED SECRETARÍA AUXILIAR DE LA SECRETARÍA GENERAL SECRETARÍA DE POSGRADO E INVESTIGACIÓN COORDINACIÓN DE ESTUDIOS DE POSGRADO UNIDAD DE ADMINISTRACIÓN ESCOLAR COORDINACIÓN DEL CENTRO DE ENSEÑANZA DE IDIOMAS UNIDAD DEL CENTRO DE INFORMACIÓN Y DOCUMENTACIÓN UNIDAD DEL CENTRO DE DESARROLLO TECNOLÓGICO UNIDAD DE SERVICIOS EDITORIALES UNIDAD DE TALLERES, LABORATORIOS Y AUDIOVISUALES COORDINACIÓN DEL CENTRO TECNOLÓGICO PARA LA EDUCACIÓN A DISTANCIA COORDINACIÓN DEL CENTRO DE ESTUDIOS MUNICIPALES Y METROPOLITANOS COORDINACIÓN DEL CENTRO DE DIFUSIÓN CULTURAL COORDINACIÓN DE ACTIVIDADES DEPORTIVAS Y RECREATIVAS SECRETARÍA AUXILIAR DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL SECRETARÍA TÉCNICA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL SECRETARÍA AUXILIAR DE LA SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES DEPARTAMENTO DE MOVILIDAD ESTUDIANTIL, INTERCAMBIO, BECAS Y SERVICIOS DE SALUD SECRETARÍA AUXILIAR DE POSGRADO E INVESTIGACIÓN COORDINACIÓN DE LA UNIDAD DE INVESTIGACIÓN MULTIDISCIPLINARIA APLICADA SECRETARÍA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL COORDINACIÓN DE SERVICIOS ACADÉMICOS UNIDAD DE LA OFICINA JURÍDICA UNIDAD DE PLANEACIÓN COORDINACIÓN DE CUERPOS COLEGIADOS SECRETARÍA ADMINISTRATIVA UNIDAD DE ADMINISTRACIÓN DE RECURSOS SUPERINTENDENCIA DE OBRAS Y MANTENIMIENTO COORDINACIÓN DE PLANTA DE TRATAMIENTO DE AGUAS RESIDUALES UNIDAD DE SERVICIOS A LA COMUNIDAD DEPARTAMENTO DE PROYECTOS ADMINISTRATIVOS DEPARTAMENTO DE ATENCIÓN A LA COMUNIDAD ESTUDIANTIL DEPARTAMENTO DE SERVICIO SOCIAL, DESARROLLO PROFESIONAL E INSERCIÓN LABORAL SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ DIRECCIÓN
+ DEPARTAMENTO DE LA OFICINA DE PRENSA
+ COORDINACIÓN DE COMUNICACIÓN SOCIAL
+ COORDINACIÓN DE GESTIÓN SECRETARÍA GENERAL
+ DIVISIÓN DE MATEMÁTICAS E INGENIERÍA
+ DIVISIÓN DE DISEÑO Y EDIFICACIÓN
+ DIVISIÓN DE HUMANIDADES
+ DIVISIÓN DE CIENCIAS Y SOCIOECONÓMICAS
+ DIVISIÓN DE CIENCIAS JURÍDICAS
+ DIVISIÓN DE SISTEMA DE SUAYED
+ SECRETARÍA AUXILIAR DE LA SECRETARÍA GENERAL
+ SECRETARÍA DE POSGRADO E INVESTIGACIÓN
+ COORDINACIÓN DE ESTUDIOS DE POSGRADO
+
+ UNIDAD DE ADMINISTRACIÓN ESCOLAR
+ COORDINACIÓN DEL CENTRO DE ENSEÑANZA DE IDIOMAS
+ UNIDAD DEL CENTRO DE INFORMACIÓN Y DOCUMENTACIÓN
+ UNIDAD DEL CENTRO DE DESARROLLO TECNOLÓGICO
+ UNIDAD DE SERVICIOS EDITORIALES
+ UNIDAD DE TALLERES, LABORATORIOS Y AUDIOVISUALES
+ COORDINACIÓN DEL CENTRO TECNOLÓGICO PARA LA EDUCACIÓN A DISTANCIA
+ COORDINACIÓN DEL CENTRO DE ESTUDIOS MUNICIPALES Y METROPOLITANOS
+ COORDINACIÓN DEL CENTRO DE DIFUSIÓN CULTURAL
+ COORDINACIÓN DE ACTIVIDADES DEPORTIVAS Y RECREATIVAS
+ SECRETARÍA AUXILIAR DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+ SECRETARÍA TÉCNICA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+
+ SECRETARÍA AUXILIAR DE LA SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES
+
+ DEPARTAMENTO DE MOVILIDAD ESTUDIANTIL, INTERCAMBIO, BECAS Y SERVICIOS DE SALUD
+ SECRETARÍA AUXILIAR DE POSGRADO E INVESTIGACIÓN
+ COORDINACIÓN DE LA UNIDAD DE INVESTIGACIÓN MULTIDISCIPLINARIA APLICADA
+ SECRETARÍA DE EXTENSIÓN UNIVERSITARIA Y VINCULACIÓN INSTITUCIONAL
+ COORDINACIÓN DE SERVICIOS ACADÉMICOS
+ UNIDAD DE LA OFICINA JURÍDICA
+ UNIDAD DE PLANEACIÓN
+ COORDINACIÓN DE CUERPOS COLEGIADOS
+ SECRETARÍA ADMINISTRATIVA
+ UNIDAD DE ADMINISTRACIÓN DE RECURSOS
+ SUPERINTENDENCIA DE OBRAS Y MANTENIMIENTO
+ COORDINACIÓN DE PLANTA DE TRATAMIENTO DE AGUAS RESIDUALES
+
+ UNIDAD DE SERVICIOS
+ A LA COMUNIDAD
+ DEPARTAMENTO DE PROYECTOS ADMINISTRATIVOS
+ DEPARTAMENTO DE ATENCIÓN A LA
+ COMUNIDAD
+ ESTUDIANTIL
+
+
+ DEPARTAMENTO DE SERVICIO SOCIAL,
+ DESARROLLO PROFESIONAL
+ E INSERCIÓN LABORAL
+
+
+ SECRETARÍA DE ASUNTOS ACADÉMICOS ESTUDIANTILES
+
+
\ No newline at end of file
diff --git a/src/components/OrganigramaInteractivo.tsx b/src/components/OrganigramaInteractivo.tsx
index cc53ee8..25169b1 100644
--- a/src/components/OrganigramaInteractivo.tsx
+++ b/src/components/OrganigramaInteractivo.tsx
@@ -1,6 +1,6 @@
import React from 'react';
import AREAS from '@/data/areas';
-
+/*
interface Props {
onAreaSelect: (areaId: number) => void;
className?: string;
@@ -46,7 +46,8 @@ export default function OrganigramaInteractivo({ onAreaSelect, className, style,
// Fetch the SVG file from the public path. The SVG is located at /organigrama_FES102025.svg (if placed in public/)
// There's a copy in src/public; to be served statically, ensure the SVG is available at '/organigrama_FES102025.svg'.
let mounted = true;
- fetch('/organigrama231025.svg')
+ //fetch('/organigrama231025.svg')
+ fetch('/Organigrama_con_ids(1).svg')
.then((r) => r.text())
.then((text) => {
if (!mounted) return;
@@ -136,3 +137,75 @@ export default function OrganigramaInteractivo({ onAreaSelect, className, style,
);
}
+
+*/
+
+
+interface Props {
+ onAreaSelect: (areaId: number) => void;
+ className?: string;
+ style?: React.CSSProperties;
+ isPanningRef?: React.MutableRefObject;
+ onAreaLabel?: (id: number, label: string) => void;
+}
+
+export default function OrganigramaInteractivo({
+ onAreaSelect,
+ className,
+ style,
+ isPanningRef,
+ onAreaLabel
+}: Props) {
+ const containerRef = React.useRef(null);
+
+ React.useEffect(() => {
+ const container = containerRef.current;
+ if (!container) return;
+
+ let mounted = true;
+ fetch('/Organigrama_con_ids(1).svg')
+ .then((r) => r.text())
+ .then((text) => {
+ if (!mounted) return;
+ container.innerHTML = text;
+
+ const svg = container.querySelector('svg');
+ if (!svg) return;
+
+ const onClick = (e: MouseEvent) => {
+ if (isPanningRef && isPanningRef.current) return;
+ const target = e.target as HTMLElement | null;
+ if (!target) return;
+
+ // Buscar el elemento (o ancestro) con un id numérico
+ const areaElement = target.closest('[id]') as HTMLElement | null;
+ if (!areaElement) return;
+
+ const idAttr = areaElement.getAttribute('id');
+ if (!idAttr) return;
+
+ const areaId = parseInt(idAttr, 10);
+ if (isNaN(areaId)) return;
+
+ // Verificar si el id existe en tu banco de datos
+ const area = AREAS.find((a) => a.id === areaId);
+ if (area) {
+ onAreaSelect(area.id);
+ onAreaLabel?.(area.id, area.label);
+ }
+ };
+
+ svg.addEventListener('click', onClick);
+ svg.style.pointerEvents = 'auto';
+
+ return () => svg.removeEventListener('click', onClick);
+ })
+ .catch((err) => console.error('No se pudo cargar SVG:', err));
+
+ return () => {
+ mounted = false;
+ };
+ }, [onAreaSelect]);
+
+ return
;
+}