Feature CustomerProfile
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 45/100
- Type d'issue
- Fonctionnalité
- Clarté
- Clairement spécifiée
- Activité
- À l'abandon
- Stack technique
- javascript, react
- Domaine
- frontend
Piste de recherche
Commencez par localiser le composant SearchResults et examiner la manière dont ses lignes de tableau et son state sont gérés. Ajoutez le composant CustomerProfile à côté du tableau, reliez le bouton Show profile de chaque ligne à l’id du client sélectionné et vérifiez les états initiaux et les résultats après clic indiqués pour les clients 1 et 2.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
20. Display a customer profile - iteration 1
Instructions:
Ccreate a new <CustomerProfile /> component. This component should be rendered next to the table in the <SearchResults /> component. This component should receive one prop id.
Add a new column in the table of the <SearchResults /> component and display a <button> for each row.
The text of the button should read "Show profile"
When clicking on a "Show profile" button for a given row, the component <CustomerProfile /> should display the text "Customer Profile", where is the id of the selected customer. Initially, the <CustomerProfile /> component doesn't show anything.
Hint: You need to record the selected customer id after clicking on a "Show profile" button. In which component do you think this state should be defined?
Test:
When first showing the page, no customer profile is displayed. When clicking the first "Show profile" button of the table, the text "Customer 1 profile" appears. When clicking the second "Show profile" button of the table, the text "Customer 2 profile" appears instead.
- Langage dominant
- JavaScript
- Étoiles
- 1
- Forks
- 28
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Aucun guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de CodeYourFuture/React-Module-Project
-
Feature Error MessageOuverte♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Loading MessageOuverte🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Search StateOuverte🐂 Size Medium 📅 Week 3 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Active RowOuverte🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Bookings stateOuverte🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulté 1/5 Moins d'une heure Accessibilité débutants 68/100
Toutes les issues de CodeYourFuture/React-Module-Project
Issues similaires
-
Daemon delete dialog: "Remove all ExApps" checkbox and `removeExApps` parameter have no effectOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 3 jours
-
Add: Atlas TVOuvertechannels:add check:passed
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
Les mainteneurs répondent en général sous 4 jours
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
jaegertracing/jaeger-ui#4547 · 3 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
feedback simulation workshop
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
githubnext/gh-aw-workshop#4090 ·
Les mainteneurs répondent en général sous 1 jour
-
bug deck: add to staging level: missing p-feature: Manage Submissions p-feature: Submissions and process priority: MUST HAVE ready for dev lead role: missing size: missing time sensitive
Difficulté 2/5 1-3 heures Accessibilité débutants 67/100
hackforla/tdm-calculator#3581 ·
Les mainteneurs répondent en général sous 2 jours