From bb926b14c8ea10caf4d4efcb8f227827d05fd222 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Sun, 9 Jun 2024 14:57:21 +0800
Subject: [PATCH] Refactor script fir status.cafe widget

---
 src/_includes/main/statuscafe.njk      | 31 ++++++++++++++++++++++----
 src/changelogs/logs/2024/2024-06-09.md |  3 ++-
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/_includes/main/statuscafe.njk b/src/_includes/main/statuscafe.njk
index 6f22b896..26a7a626 100644
--- a/src/_includes/main/statuscafe.njk
+++ b/src/_includes/main/statuscafe.njk
@@ -1,12 +1,35 @@
 <div id="statuscafe" class="text-box">
     <h3>My Lastest Status</h3>
-    <div id="statuscafe-username"></div>
-    <div id="statuscafe-content"></div>
+    <div id="statuscafe-userinfo"></div>
+    <div id="statuscafe-content">
+        <p>Fetching data from status.cafe...</p>
+    </div>
+
+    <p><a href="https://status.cafe/users/leilukin">View my statuses on status.cafe</a></p>
 </div>
-<script src="https://status.cafe/current-status.js?name=leilukin" defer></script>
 
 <style>
     #statuscafe-content {
         margin: 0 0 0.5em 1em;
     }
-</style>
\ No newline at end of file
+</style>
+
+<script>
+    const fetchStatusCafe = async () => {
+        try {
+            const res = await fetch('https://status.cafe/users/leilukin/status.json');
+            const data = await res.json();
+
+            if (!data.content.length) {
+                document.getElementById("statuscafe-content").innerHTML = "No status yet."
+                return;
+            }
+
+            document.getElementById("statuscafe-userinfo").innerHTML = data.author + ' ' + data.face + ' ' + data.timeAgo;
+            document.getElementById("statuscafe-content").innerHTML = data.content;
+        } catch (error) {
+            console.error(error);
+        }
+    };
+    fetchStatusCafe();
+</script>
\ No newline at end of file
diff --git a/src/changelogs/logs/2024/2024-06-09.md b/src/changelogs/logs/2024/2024-06-09.md
index 79cfed1d..524d55ad 100644
--- a/src/changelogs/logs/2024/2024-06-09.md
+++ b/src/changelogs/logs/2024/2024-06-09.md
@@ -2,4 +2,5 @@
 date: 2024-06-09
 ---
 
-* Convert most of the images on this website to AVIF format to reduce file size and save bandwidth.
\ No newline at end of file
+* Convert most of the images on this website to AVIF format to reduce file size and save bandwidth.
+* Refactor JavaScript for status.cafe widget.
\ No newline at end of file