save trip name

Author: Cindyzhang977

frontend/src/RouteView.js

@@ -97,7 +97,11 @@ function RouteView({ loggedIn, userEmail }) {
         <Row className={styles.row}>
           <Col sm={4}>
             <Row className={styles.row}>
-              <TripName tripObject={tripObject} setTripObject={setTripObject} />
+              <TripName
+                tripObject={tripObject}
+                setTripObject={setTripObject}
+                setIsSaved={setIsSaved}
+              />
             </Row>
             <Row className={styles.routeListContainer}>
               <Route places={attractions} onManualPlaceChange={onManualPlaceChange} />

frontend/src/trip-name/TripName.js

@@ -10,15 +10,17 @@ import styles from './TripName.module.css';
  * Returns the trip name component that the user can edit and save.
  * @param {object} tripObject json object with all trip data
  * @param {function} setTripObject function to update tripObject
+ * @param {function} setIsSaved function to set saving status of trip
  */
-function TripName({ tripObject, setTripObject }) {
+function TripName({ tripObject, setTripObject, setIsSaved }) {
   const [isEditing, setIsEditing] = useState(false);
   const [name, setName] = useState(tripObject.tripName);
 
   function handleSave(e) {
     e.preventDefault();
     setIsEditing(false);
     setTripObject({ ...tripObject, tripName: name });
+    setIsSaved(false);
   }
 
   function handleChange(e) {