AndrewTrieu/fullstack-open
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload 2.15

Browse Source
This commit is contained in:
AndrewTrieu
2023-03-23 15:41:37 +02:00
parent d4506db50a
commit 19573d026d
1 changed files with 29 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
part2/phonebook/src/App.js
View File

@@ -20,14 +20,36 @@ const App = () => {
const addPerson = (event) => {
event.preventDefault();
if (persons.find((person) => person.name === newPerson.name)) {
alert(`${newPerson.name} is already added to phonebook`);
return;
if (
window.confirm(
`${newPerson.name} is already added to phonebook, replace the old number with a new one?`
)
) {
const person = persons.find((person) => person.name === newPerson.name);
const changedPerson = { ...person, number: newPerson.number };
personService
.update(person.id, changedPerson)
.then((returnedPerson) => {
setPersons(
persons.map((person) =>
person.id !== returnedPerson.id ? person : returnedPerson
)
);
setShowedPersons(
persons.map((person) =>
person.id !== returnedPerson.id ? person : returnedPerson
)
);
setNewPerson({ name: "", number: "" });
});
}
} else {
personService.create(newPerson).then((returnedPerson) => {
setPersons(persons.concat(returnedPerson));
setShowedPersons(persons.concat(returnedPerson));
setNewPerson({ name: "", number: "" });
});
}
personService.create(newPerson).then((returnedPerson) => {
setPersons(persons.concat(returnedPerson));
setShowedPersons(persons.concat(returnedPerson));
setNewPerson({ name: "", number: "" });
});
};
const deletePerson = (id, name) => {