Check login status and disable button on setting

src/components/DestinationInfoCard.vue

@@ -259,14 +259,18 @@ export default {
     this.showRoute = false;
     },
     addToFavorites() {
-      console.log('on click');
-      fetch("https://little-lines-backend.techtransthai.org/api/favorites/create",{
+  const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
+
+  if (currentUser) {
+    console.log('Logged in. Proceed to add to favorites.');
+
+    fetch("https://little-lines-backend.techtransthai.org/api/favorites/create", {
       method: "POST",
       headers: {
         'Content-Type': 'application/json',
       },
       body: JSON.stringify({
-              user_id: '123456789',
+        user_id: currentUser.id, // ใช้ userId ของผู้ใช้ที่ล็อกอินอยู่
         place_name: this.nearestStructureData.display_name, 
         location: {
           type: "Point",
@@ -281,13 +285,18 @@ export default {
           console.log('Add to favorites success');
           return res.json();
         } else {
-              throw Error(`Add to favorited faild (${res.status})`);
+          throw Error(`Add to favorites failed (${res.status})`);
         }
       })
       .catch((err) => {
         console.log(err);
       });
+  } else {
+    console.log('User not logged in. Unable to add to favorites.');
+    this.$router.push({ name: 'login' });
   }
+}
+
   },
   
 };

src/views/Login.vue

@@ -116,10 +116,10 @@ export default {
             }
           })
           .then((data) => {
-            // localStorage.setItem('isLoggedIn', true);
-            // console.log(isLoggedIn);
+
             console.log(data.success);
             sessionStorage.setItem('current_user', JSON.stringify({id:data.user._id,username:data.user.username,email:data.user.email}));
+
             this.$router.push({ name: 'home' });
           })
           .catch((err) => {

src/views/Setting.vue

@@ -1,7 +1,7 @@
 <template>
 <v-app>
     <v-container class="d-flex justify-center align-center">
-        <div>
+        <div v-if="!currentUser">
             <h1>ยังไม่ได้ลงชื่อเข้าใช้</h1>
         <h2>ลงชื่อเข้าใช้เพื่อบันทึกการตั้งค่าอย่างปลอดภัย</h2>
       <v-container class="d-flex justify-center align-center">
@@ -106,3 +106,13 @@ const display_items = [
     }
 
 </script>
+
+<script>
+export default {
+  data() {
+    return {
+      currentUser: JSON.parse(sessionStorage.getItem('current_user'))
+    };
+  }
+};
+</script>