From 8ad5a5779d3d71fbcb831d455406516ed64223df Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 19 May 2024 20:09:49 +0800
Subject: [PATCH] Rename guestbook message wrapper to thread

---
 _site/assets/js/guestbook.js | 14 +++++++-------
 _site/feed.xml               |  2 +-
 src/assets/js/guestbook.js   | 14 +++++++-------
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/_site/assets/js/guestbook.js b/_site/assets/js/guestbook.js
index 77795338..61310fb7 100644
--- a/_site/assets/js/guestbook.js
+++ b/_site/assets/js/guestbook.js
@@ -24,8 +24,7 @@ let messageObj = {
     email: '',
     website: '',
     message: '',
-    timestamp: {},
-    replies: [],
+    timestamp: '',
 };
 
 // Form submission event
@@ -90,12 +89,13 @@ const renderMessage = (item) => {
     const itemID = item[0];
     const itemValue = item[1];
 
-    const newMessageWrapperDiv = document.createElement('div');
-    newMessageWrapperDiv.classList.add('gb__message--wrapper');
-    newMessageWrapperDiv.id = `msg-${itemID}`;
+    const newThreadDiv = document.createElement('div');
+    newThreadDiv.classList.add('gb__thread');
+    newThreadDiv.id = `thread-${itemID}`;
 
     const newMessageDiv = document.createElement('div');
     newMessageDiv.classList.add('gb__message');
+    newMessageDiv.id = `msg-${itemID}`;
 
     const newMessageName = document.createElement('p');
     newMessageName.classList.add('gb__message--name');
@@ -119,7 +119,7 @@ const renderMessage = (item) => {
     messageReplyBtn.classList.add('gb__message--reply-btn');
     messageReplyBtn.textContent = 'Reply';
 
-    messageListEl.append(newMessageWrapperDiv);
-    newMessageWrapperDiv.append(newMessageDiv);
+    messageListEl.append(newThreadDiv);
+    newThreadDiv.append(newMessageDiv);
     newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime, messageReplyBtn);
 };
\ No newline at end of file
diff --git a/_site/feed.xml b/_site/feed.xml
index 1e58cdc3..c5bdda8e 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-19T11:24:03Z</updated>
+    <updated>2024-05-19T12:08:36Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/src/assets/js/guestbook.js b/src/assets/js/guestbook.js
index 77795338..61310fb7 100644
--- a/src/assets/js/guestbook.js
+++ b/src/assets/js/guestbook.js
@@ -24,8 +24,7 @@ let messageObj = {
     email: '',
     website: '',
     message: '',
-    timestamp: {},
-    replies: [],
+    timestamp: '',
 };
 
 // Form submission event
@@ -90,12 +89,13 @@ const renderMessage = (item) => {
     const itemID = item[0];
     const itemValue = item[1];
 
-    const newMessageWrapperDiv = document.createElement('div');
-    newMessageWrapperDiv.classList.add('gb__message--wrapper');
-    newMessageWrapperDiv.id = `msg-${itemID}`;
+    const newThreadDiv = document.createElement('div');
+    newThreadDiv.classList.add('gb__thread');
+    newThreadDiv.id = `thread-${itemID}`;
 
     const newMessageDiv = document.createElement('div');
     newMessageDiv.classList.add('gb__message');
+    newMessageDiv.id = `msg-${itemID}`;
 
     const newMessageName = document.createElement('p');
     newMessageName.classList.add('gb__message--name');
@@ -119,7 +119,7 @@ const renderMessage = (item) => {
     messageReplyBtn.classList.add('gb__message--reply-btn');
     messageReplyBtn.textContent = 'Reply';
 
-    messageListEl.append(newMessageWrapperDiv);
-    newMessageWrapperDiv.append(newMessageDiv);
+    messageListEl.append(newThreadDiv);
+    newThreadDiv.append(newMessageDiv);
     newMessageDiv.append(newMessageName, newMessageMsg, newMessageTime, messageReplyBtn);
 };
\ No newline at end of file