saurabhdaware/bsky-widget

Profile card add fallback UI for missing banner and avatar images

Offen

#8 geöffnet am 13.11.2024

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (3 Forks)github user discovery
buggood first issue

Repository-Metriken

Stars
 (71 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Implementieren Sie eine Fallback UI für fehlende Banner und Avatar Bilder, indem Sie eine Hintergrundfarbe für das Banner und ein SVG Symbol für den Avatar unter Verwendung von CSS und bedingtem Rendering in der Komponente hinzufügen.
Tech Stack
typescript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSSJavaScript/TypeScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75