JoarHansson/space-images-app

Replace window.confirm method with custom modal

Offen

#13 geöffnet am 11.09.2024

Auf GitHub ansehenContributor Guide
 (3 Kommentare) (0 Reaktionen) (1 zugewiesene Person)JavaScript (2 Forks)auto 404
beginner friendlydesignenhancementgood first issuehacktoberfesthelp wanted

Repository-Metriken

Stars
 (2 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

For purely aesthetic reasons the window.confirm method could be swapped out to something that fits the theme better.

  • Make a new component called "Modal" / "ConfirmationModal" or something similar, following the structure of the other components in the project.
  • Make sure the logic found atsrc/pages/Likes/Likes.jsx:26-31 is handled by the new component instead.
  • src/components/InfoPopup/InfoPopup.jsx (seen in videoclip below) and its css module file can probably be reused to a large extent here.

https://github.com/user-attachments/assets/06703a0a-d1a3-45e6-9e2c-69d9d48bf6ec

Contributor Guide

Research-Richtung
Erstelle eine neue Modal Komponente, die die Struktur von InfoPopup wiederverwendet, und ersetze dann den window.confirm Aufruf in src/pages/Likes/Likes.jsx, Zeilen 26-31, durch die neue Komponente.
Tech Stack
javascriptreact
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
ReactJavaScript
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85