Faq page

[natharisa]

No description provided.

[Genarito]

No borrar la definición explícita del archivo de donde se importan cosas! Porque el ./ indica "buscar en la carpeta actual", y puede haber muchos archivos en dicha carpeta, volver a la versión vieja esta línea

[Genarito]

Todo está excelente! Ahora, para que vos practiques React: observá que cada una de las preguntas frecuentes y respuestas siempre tiene la misma estructura:

1. Hay un componente <Segment> con las props id y basic
2. Dentro del Segment, siempre viene un <Header as='h2'> con un contenido adentro
3. Abajo del header, siempre hay un contenido con la explicación (puede ser uno o varios <p>, o quizás, HTML más complejo, podría tener algunas negritas con <b>, o itálicas con <i>, íconos, etc.)

Entonces, lo que quiero que hagas ahora es lo siguiente:

1. Create un nuevo componente que se llame <FAQQuestionAndAnswer> en un nuevo archivo dentro de la carpeta faq
2. Este componente nuevo va a recibir las siguientes props:
   • segmentId (un string)
   • headerTitle (un string)
   • answer (un contenido JSX, osea, contenido HTML de React libre, fijate si descubrís como especificar esto en Typescript. Tenemos varios componentes que permiten esto, si no avisame!)
3. Ahora quiero que refactorices FAQ.tsx para que use este componente con todas las preguntas y respuestas que tiene, utilizando el componente y pasándole esas 3 props para que quede exactamente igual

[Genarito]

@natharisa si podés corregite todos los warnings que está arrojando ESLint, si podés instalatelo en el IDE (hay un plugin para VSCode) para que te vaya avisando a medida que vas programando.
Si corrés el comando npm run check-lint o npm run check-all (corre el comando anterior + Chequeos de Typescript) deberías verlos también, podés correr npm run fix-lint para corregirlos automáticamente (si es que se pueden corregir automáticamente)

[natharisa]

Buen día Genaa, entendido, yendo a corregirlo. Graciaas El vie, 26 sept 2025 a las 10:24, Genaro Camele ***@***.***>) escribió:

…

*Genarito* left a comment (omics-datascience/multiomix#83) <#83 (comment)> @natharisa <https://github.com/natharisa> si podés corregite todos los warnings que está arrojando ESLint, si podés instalatelo en el IDE para que te vaya avisando a medida que vas programando. Si corrés el comando npm run check-lint o npm run check-all (corre el comando anterior + Chequeos de Typescript) deberías verlos también, podés correr npm run fix-lint para corregirlos automáticamente (si es que se pueden corregir automáticamente) — Reply to this email directly, view it on GitHub <#83 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BJ6UAPSCYAV4T3RNLCGZNO33UU5CRAVCNFSM6AAAAACFCWL6OOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTGMZYG4ZDAOJSGE> . You are receiving this because you were mentioned.Message ID: ***@***.***>