From d6013d5fa2f47a59109ada30e0dc1e747d61a9de Mon Sep 17 00:00:00 2001
From: SRP-mango <siriphicha.mango02@gmail.com>
Date: Wed, 6 Dec 2023 20:37:51 +0700
Subject: [PATCH 1/3] fix fav layout, place function for home

---
 src/views/Favorite.vue | 60 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 53 insertions(+), 7 deletions(-)

diff --git a/src/views/Favorite.vue b/src/views/Favorite.vue
index 521fe44..8059a81 100644
--- a/src/views/Favorite.vue
+++ b/src/views/Favorite.vue
@@ -1,12 +1,37 @@
 <template>
-  <div>
-    <h1>Favorites</h1>
-    <ul class="favorite-list">
+    <!-- <h1>Favorites</h1> -->
+    <!-- แสดงข้อมูล favorites ตามความเหมาะสม -->
+    <!-- <ul class="favorite-list">
       <li v-for="(favorite, index) in favorite" :key="index" class="favorite-item">
-        {{ favorite.place_name }} <!-- แสดงข้อมูล favorites ตามความเหมาะสม -->
+        {{ favorite.place_name }}
       </li>
-    </ul>
-  </div>
+    </ul> -->
+
+    <v-card
+    class="mx-auto fav-card">
+
+      <v-list lines="two">
+        <v-list-item
+          v-for="(favorite, index) in favorite"
+          :key="index"
+          @click="handleClick(favorite)"
+          >
+
+        <!-- <template v-slot:prepend>
+          <v-icon class="icon-pin"></v-icon>
+        </template> -->
+
+        <template v-slot:prepend>
+              <v-icon class="icon-pin"></v-icon>
+          </template>
+
+          <v-list-item-content>
+            <v-list-item-title>{{ favorite.place_name }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+      </v-list>
+
+    </v-card>
 </template>
 
 <script>
@@ -33,6 +58,11 @@ export default {
       } catch (error) {
         console.error(error);
       }
+
+      const handleClick = (favorite) => {
+      console.log('Clicked:', favorite);
+    };
+
     });
 
     return {
@@ -44,7 +74,7 @@ export default {
 
 <style>
 /* CSS เพื่อแสดงแต่ละข้อมูลเป็น block */
-.favorite-list {
+/* .favorite-list {
   list-style-type: none;
   padding: 0;
 }
@@ -54,5 +84,21 @@ export default {
   padding: 10px;
   border: 1px solid #ccc;
   margin-bottom: 5px;
+} */
+
+.icon-pin{
+  background-color: black;
+  -webkit-mask: url(icons/Adwaita/pin.svg) no-repeat center;
+  mask: url(icons/Adwaita/pin.svg) no-repeat center;
+
+}
+
+.fav-card
+{
+  margin-top: 2vh;
+  max-width: 90vw;
+  border-radius: 12px;
+  background-color: rgba(255, 255, 255, 1);
+  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
 }
 </style>

From b0d6784462b75b8d1046c841c86312b29c67ff9b Mon Sep 17 00:00:00 2001
From: SRP-mango <siriphicha.mango02@gmail.com>
Date: Wed, 6 Dec 2023 20:44:09 +0700
Subject: [PATCH 2/3] fix handleClick

---
 src/views/Favorite.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/views/Favorite.vue b/src/views/Favorite.vue
index 8059a81..d3c4706 100644
--- a/src/views/Favorite.vue
+++ b/src/views/Favorite.vue
@@ -17,10 +17,6 @@
           @click="handleClick(favorite)"
           >
 
-        <!-- <template v-slot:prepend>
-          <v-icon class="icon-pin"></v-icon>
-        </template> -->
-
         <template v-slot:prepend>
               <v-icon class="icon-pin"></v-icon>
           </template>
@@ -41,6 +37,10 @@ export default {
   setup() {
     const favorite = ref([]);
 
+    const handleClick = (favoriteItem) => {
+      console.log('Clicked:', favoriteItem);
+    };
+
     onMounted(async () => {
       try {
         const currentUser = JSON.parse(sessionStorage.getItem('current_user'));
@@ -58,15 +58,11 @@ export default {
       } catch (error) {
         console.error(error);
       }
-
-      const handleClick = (favorite) => {
-      console.log('Clicked:', favorite);
-    };
-
     });
 
     return {
-      favorite
+      favorite,
+      handleClick
     };
   }
 };

From 6317422824db9280be92aa7c2fb54aa4f6e58d06 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Wed, 6 Dec 2023 22:13:26 +0700
Subject: [PATCH 3/3] Use .env on server side

---
 little-lines-frontend.container | 1 +
 1 file changed, 1 insertion(+)

diff --git a/little-lines-frontend.container b/little-lines-frontend.container
index 3e62b8e..6d515f9 100644
--- a/little-lines-frontend.container
+++ b/little-lines-frontend.container
@@ -5,6 +5,7 @@ Description=Little Lines frontend container
 ContainerName=little-lines-frontend
 Image=localhost/little-lines-frontend
 PublishPort=8081:5173
+Volume=/media/sasha/Data1/Apps/ll-frontend/.env:/opt/little-lines-frontend/.env
 
 [Service]
 Restart=always