saurabhdaware/bsky-widget

Profile card add fallback UI for missing banner and avatar images

Aberta

#8 aberto em 13 de nov. de 2024

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)TypeScript (3 forks)github user discovery
buggood first issue

Métricas do repositório

Stars
 (71 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

Current version of the component does not properly handle a case when profile handle does not have a banner image or profile image.

image

Solution

When there is no banner image we should fallback to background color and for avatar image use svg icon.

image

Guia do colaborador

Direção de pesquisa
Implemente a UI de fallback para imagens de banner e avatar ausentes, adicionando uma cor de fundo para o banner e um ícone SVG para o avatar usando CSS e renderização condicional no componente.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
HTMLCSSJavaScript/TypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75