Fix: stabilize ActivityFeed UI on reload

Avoid shared dev rate-limit bucket for n8n status and fall back to a stable offline state when the status call fails, preventing the widget from getting stuck in the small translucent loading UI.
This commit is contained in:
Cursor Agent
2026-01-14 02:47:01 +00:00
parent 80077ea1af
commit 4f344ff1de
2 changed files with 37 additions and 3 deletions

View File

@@ -84,8 +84,17 @@ export default function ActivityFeed() {
const fetchData = async () => {
try {
const fallback: StatusData = {
status: { text: "offline", color: "gray" },
music: null,
gaming: null,
coding: null,
};
// Check if fetch is available (should be, but safety check)
if (typeof fetch === 'undefined') {
setData(fallback);
setHasActivity(false);
return;
}
@@ -104,6 +113,9 @@ export default function ActivityFeed() {
if (process.env.NODE_ENV === 'development' && res) {
console.warn('ActivityFeed: API returned non-OK status:', res.status);
}
// Don't stay in tiny "loading" state forever; show stable fallback UI.
setData(fallback);
setHasActivity(false);
return;
}
@@ -114,6 +126,8 @@ export default function ActivityFeed() {
if (process.env.NODE_ENV === 'development') {
console.warn('ActivityFeed: Failed to parse JSON response:', parseError);
}
setData(fallback);
setHasActivity(false);
return;
}
@@ -131,6 +145,8 @@ export default function ActivityFeed() {
}
if (!json || typeof json !== 'object') {
setData(fallback);
setHasActivity(false);
return;
}
@@ -168,7 +184,14 @@ export default function ActivityFeed() {
if (process.env.NODE_ENV === 'development') {
console.error("Failed to fetch activity:", error);
}
// Don't set error state - just fail silently
// Don't set error state - show stable fallback
setData({
status: { text: "offline", color: "gray" },
music: null,
gaming: null,
coding: null,
});
setHasActivity(false);
}
};