Upload 2.17

part2/phonebook/src/components/Message.js

@@ -0,0 +1,11 @@
+const Message = ({ message }) => {
+  if (message === null) {
+    return null;
+  } else if (message.includes("Added") || message.includes("Updated")) {
+    return <div className="success-message">{message}</div>;
+  } else {
+    return <div className="error-message">{message}</div>;
+  }
+};
+
+export default Message;

part2/phonebook/src/components/PersonForm.js

@@ -10,7 +10,7 @@ const PersonForm = ({ addPerson, newPerson, handleChange }) => {
         <input name="number" value={newPerson.number} onChange={handleChange} />
       </div>
       <div>
-        <button type="submit">add</button>
+        <button type="submit">Add</button>
       </div>
     </form>
   );