+ {/* USER PROFILE IMAGE */}
+
+ {/* FIRST AND LAST NAME */}
+
+
+ First Name
+
+
+
+
+
+ Last Name
+
+
+
+ {/* DESCRIPTION */}
+
+
+ Description
+
+
+
+ {/* PHONE */}
+
+
+ Phone
+
+
+
+ {/* EMAIL */}
+
+
+ Email
+
+
+
+ {/* ADDRESS */}
+
+
+ Address
+
+
+
+ {/* TAGS */}
+
+
+ Tags
+
+
+
+
+ {/* This should be done as a react component i think? */}
+ {/* Padding to counter the shadow */}
+
+
+ {/* REGIONS */}
+
+
+ Region
+
+
+
+
+
+ Pets
+
+ {pets.map((pet, i) => (
+
+
+
+
+ Name
+
+ removePet(pet)}>
+
+
+
+ handlePetChange(i, e)}
+ />
+
+
+ Notes
+
+
+
+ ))}
+ {/* Plus icon that adds a new pet container */}
+
+
+ {/* NOTES */}
+
+
+ Notes
+
+
+
+ {/* FORM BUTTONS */}
+
+
+
+ Save
+
+ setIsEditing(false)}
+ >
+ Cancel
+
+
+
+
+