-
Notifications
You must be signed in to change notification settings - Fork 2
Activity component #27
Activity component #27
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ta quase tudo topppp, só pedi alguemas mudanças pontuais :3
Ah outra coisa, eu sei que talvez tenha um certo retrabalho, mas se tu puder traduzir o código (a documentação n precisa) pra ingles ia ser melhor pra manter a coerencia com o resto do código
src/components/Activity/index.js
Outdated
{props.info ? ( | ||
<> | ||
<Divisor /> | ||
<Info> | ||
{props.info} | ||
</Info> | ||
</> | ||
) : ""} | ||
|
||
</Card> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
{props.info ? ( | |
<> | |
<Divisor /> | |
<Info> | |
{props.info} | |
</Info> | |
</> | |
) : ""} | |
</Card> | |
{props.info && ( | |
<> | |
<Divisor /> | |
<Info> | |
{props.info} | |
</Info> | |
</> | |
) } | |
</Card> |
src/components/Activity/index.js
Outdated
* Somente "titulo" é obrigatória, "info" é opcional. | ||
* @returns | ||
*/ | ||
const Activity = (props) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
const Activity = (props) => { | |
const Activity = ({ titulo, info}) => { |
Com isso a gente n precisa sempre fazer "props.atributo"
src/components/Activity/styles.js
Outdated
flex-grow: 1; | ||
justify-content: center; | ||
align-items: center; | ||
width: 22.5em; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
width: 22.5em; | |
width: 22.5rem; |
Amg muda pf todos as medidas de em
pra rem
pf, pq em eh uma medida relativa, enquanto rem é a medida a partir da medida raiz
src/components/Activity/styles.js
Outdated
width: 22.5em; | ||
min-height: fit-content; | ||
height: 100%; | ||
padding: 1.25em 1.25em; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
padding: 1.25em 1.25em; | |
padding: 2em 1.25em; |
Issue
#21
Qual o objetivo dessa Pull Request?
Essa PR inclui a implementação do componente Activity que recebe as props
titulo
einfo
. A implementação utiliza da biblioteca PropTypes e possui defaultProps para "titulo", além de possuir uma pequena documentação.Que problema está resolvendo?
#21
Como pode ser manualmente testado?
O componente pode ser importado em alguma página e testado dentro de um layout grid ou flex, como esperado segundo a prototipação.