JoarHansson/space-images-app

Replace window.confirm method with custom modal

Ouverte

#13 ouverte le 11 sept. 2024

Voir sur GitHubGuide contributeur
 (3 commentaires) (0 réaction) (1 personne assignée)JavaScript (2 forks)auto 404
beginner friendlydesignenhancementgood first issuehacktoberfesthelp wanted

Métriques du dépôt

Stars
 (2 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Créez un nouveau composant Modal en réutilisant la structure de InfoPopup, puis remplacez l'appel à window.confirm dans les lignes 26-31 de src/pages/Likes/Likes.jsx par le nouveau composant.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85