Colocar Icones no componente de limite de caracteres

JpBurgarelli commented 2 weeks ago

Describe the feature

Esta task é responsável por aprimorar o componente já existente de limite de caracteres do componente Main Composer, adicionando ícones específicos para cada rede social ( discord, Twitter, Facebook e etc ).

Alem de adcionar, esses ícones devem mudar de cor dinamicamente com base no número de caracteres digitados pelo usuário e na rede social, pois, a depender da rede social, temos limites diferentes.

O objetivo é fornecer uma indicação visual clara sobre a proximidade do limite de caracteres permitidos naquela determinada rede social.

OBS: O que está abaixo são/é o(s) nome(s) dos arquivos do projeto que envolve(m) sua task, para você se situar melhor no desenvolvimento da dela:

CharacterLimit.tsx

Especificações tecnicas

Esse icone já deve estar na store de redes sociais e, dado o modo como o MainComposer usa as redes sociais da store, vc deve consumir essa informação para usar o icone. Ele já deve estar presente no objeto socialMedias, assim vc precisa apenas pegar o icone que ja exite e aplica-lo no componente de forma dinamica, ou seja, derivado da lista de redes sociais, deve exibir os icones em questào.