The-Bugger-Ducks / owl-partners-mobile

Mobile do projeto "Owl Partners" (5º DSM - 2023, FATEC Profº Jessen Vidal - SJC)
1 stars 0 forks source link

Refactor/#0007 icons #44

Closed ThHenrique closed 1 year ago

ThHenrique commented 1 year ago

33 Aprimorando uso de ícones

Componente Ícone

Foi criado o component Icon responsável por mostrar todos os ícones utilizados no projeto (criados no figma)

Para facilitar, adicionei a tipagem no componente com o nome de todos os ícones possíveis

image

Para usar e ser feliz basta fazer a importação do componente e adicionar na propriedade icon o nome do icone (svg)

`

`

Outros atributos foram adicionados também conforme a interface abaixo

interface IconProps {
  icon: iconsName;
  size?: number;
  width?: number;
  height?: number;
  fillColor?: string;
  strokeColor?: string;
}

*obs: Nem todos componentes mudam as cores das bordas e sua cor de fundo e para mudar o tamanho dinamicamente use a propriedade size.

Para novos ícones basta adicioná-los na pasta de ícones em shared/assets/icons, importe no arquivo icons na pasta do componente Icon, adicione o nome do ícone no type iconsName e adicione um novo objeto com seu respectivo nome e imagem