saurabhdaware/bsky-widget

Profile card add fallback UI for missing banner and avatar images

Aperta

#8 aperta il 13 nov 2024

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (3 fork)github user discovery
buggood first issue

Metriche repository

Star
 (71 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Implementa l'interfaccia utente di fallback per le immagini del banner e dell'avatar mancanti aggiungendo un colore di sfondo per il banner e un'icona SVG per l'avatar utilizzando CSS e rendering condizionale nel componente.
Tech stack
typescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSJavaScript/TypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75