From 237ceae356a32846b37a7b8b595847f0768395c1 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 21 Dec 2022 08:54:39 +0800
Subject: [PATCH] Visual indicator that it tries to get new updates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Probably too subtle. Loader also only appears after 1s delay 😆
---
src/pages/home.jsx | 3 +++
1 file changed, 3 insertions(+)
diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index 4c910dd6..8edd4bfa 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -82,6 +82,7 @@ function Home({ hidden }) {
const diffMins = Math.round(diff / 1000 / 60);
if (diffMins > 1) {
console.log('visible', { lastHidden, diffMins });
+ setUIState('loading');
setTimeout(() => {
(async () => {
const newStatus = await masto.timelines.fetchHome({
@@ -91,6 +92,7 @@ function Home({ hidden }) {
if (newStatus.length && newStatus[0].id !== states.home[0].id) {
states.homeNew = newStatus;
}
+ setUIState('default');
})();
// loadStatuses(true);
// states.homeNew = [];
@@ -101,6 +103,7 @@ function Home({ hidden }) {
document.addEventListener('visibilitychange', handleVisibilityChange);
return () => {
document.removeEventListener('visibilitychange', handleVisibilityChange);
+ setUIState('default');
};
}, []);