Aikodev-labs / Ghibli-API-platform

https://ghibli-api-platform.vercel.app
5 stars 0 forks source link

creacion de HighlighterComponent #72

Closed juanpablo1978 closed 1 year ago

juanpablo1978 commented 1 year ago

Hola chicos, integré al proyecto la librería react-syntax-highlighter, para mejorar el aspecto del código. Por lo que estuve investigando, las opciones son hacerlo a través de una variable (donde se guarda el codigo que sera afectado por la libreria) o a traves de props, como lo propuso Josue.

En este caso se utiliza una prop para el lenguaje utilizado, una prop para el codigo y tambien una clase para el estilo del highlight.

Resta documentar en md el componente, segun conversamos en la anteultima reunion, queda pendiente hasta que haga un pull con los cambios que incluyen la creacion del componente de Markdown.

Les dejo una vista de como queda el codigo con la implementacion de esta libreria.

syntax print

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ghibli-api-platform ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 26, 2023 10:09pm
juanpablo1978 commented 1 year ago

Josué, me queda la duda de si querias que el nombre del componente sea CodeBlock o lo pusiste como ejemplo. Cualquier cosita lo modifico, por supuesto. Gracias!

juanpablo1978 commented 1 year ago

Hola chicos, buenos dias!

Estan implementadas las modificaciones solicitadas en el componente. Les dejo una vista, a modo de ejemplo, de como queda la libreria aplicada a un trozo de codigo sin los bordes y el fondo.

highlight