Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Appsrn 340 implementación del componente typography #45

Merged

Conversation

pablonortiz
Copy link
Contributor

LINK DE TICKET:
https://janiscommerce.atlassian.net/browse/APPSRN-340

DESCRIPCIÓN DEL REQUERIMIENTO:
Actualmente contamos con un componente Text que se encarga de renderizar el texto y nos permite modificar sus estilos para adaptarlo a nuestras necesidades, recientemente, desde diseño, se establecieron ciertas tipografías que serán las que van a estar siendo usadas a lo largo de todas las apps, desde el lado de diseño también van a estar estableciendo el tipo y tamaño de esta tipografía a partir de la guía, por lo que, esto nos abre la posibilidad para implementar directamente en un componente la implementación de estas tipografías de manera tal que sean más faciles de usar, para no tener que estar haciendo uso de las tipografías manualmente.

DESCRIPCIÓN DE LA SOLUCIÓN:
Se añadió el componente Typography, el cuál, a partir de las props de type y size que se le pasen renderiza el texto con los estilos que cumplen el diseño establecido en la guía de figma

CÓMO SE PUEDE PROBAR?
Vinculando el package con algún repo de las apps: https://janiscommerce.atlassian.net/wiki/spaces/JAPP/pages/2341765125/C+mo+trabajo+con+el+package+UI

Y probando que las distintas tipografías de los textos funcionen correctamente.

…ed deprecation warnings for the Text component both on console and on Storybooks
…SRN-340-implementación-del-componente-typography
@coveralls
Copy link

coveralls commented Nov 20, 2024

Pull Request Test Coverage Report for Build 12166224696

Details

  • 24 of 24 (100.0%) changed or added relevant lines in 5 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 100.0%

Totals Coverage Status
Change from base Build 11500426361: 0.0%
Covered Lines: 672
Relevant Lines: 672

💛 - Coveralls

Copy link
Contributor

@christian97dd christian97dd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

se deja un comentario

@@ -1,7 +1,7 @@
import React from 'react';
import {create} from 'react-test-renderer';
import RadioButton from './index';
import Text from 'atoms/Text';
import Text from 'atoms/Typography';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

es una boludes, pero para mantener un standard, tratemos de no renombrar los componentes cuando los importamos, en este caso seria un import Typography, no queda mal el nombre :p, lo mismo con los demas

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corregido!

@christian97dd christian97dd merged commit 8b3a8e2 into master Dec 5, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants