oreolek/phanpy
1
0
Fork 0
Code Activity

Delay hero status fetch if already cached

Browse source 
The context call is more important
This commit is contained in:
Lim Chee Aun 2022-12-28 18:06:05 +08:00
parent 02c464a139
commit 7e3733d79e
1 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/status.jsx
View file

@ -51,6 +51,7 @@ function StatusPage({ id }) {
useEffect(() => {
setUIState('loading');
let heroTimer;
const cachedStatuses = store.session.getJSON('statuses-' + id);
if (cachedStatuses) {
@ -73,18 +74,28 @@ function StatusPage({ id }) {
}
(async () => {
const heroFetch = masto.v1.statuses.fetch(id);
const heroFetch = () => masto.v1.statuses.fetch(id);
const contextFetch = masto.v1.statuses.fetchContext(id);
const hasStatus = snapStates.statuses.has(id);
let heroStatus = snapStates.statuses.get(id);
try {
heroStatus = await heroFetch;
states.statuses.set(id, heroStatus);
} catch (e) {
// Silent fail if status is cached
console.error(e);
if (!hasStatus) {
if (hasStatus) {
console.log('Hero status is cached');
heroTimer = setTimeout(async () => {
try {
heroStatus = await heroFetch();
states.statuses.set(id, heroStatus);
} catch (e) {
// Silent fail if status is cached
console.error(e);
}
}, 1000);
} else {
try {
heroStatus = await heroFetch();
states.statuses.set(id, heroStatus);
} catch (e) {
console.error(e);
setUIState('error');
alert('Error fetching status');
return;
@ -153,6 +164,10 @@ function StatusPage({ id }) {
setUIState('error');
}
})();
return () => {
clearTimeout(heroTimer);
};
}, [id, snapStates.reloadStatusPage]);
const firstLoad = useRef(true);