Fix shortlink mutations not reflecting in UI due to fire-and-forget revalidation

[Copilot]

After creating, editing, or deleting a shortlink, the UI would intermittently not update because revalidate() was called without being awaited — the fetch ran in the background while the component finished rendering with stale data.

Changes

• useFetch.ts — revalidate now returns Promise<void> instead of void so callers can properly await it
• ShortlinksContainer.tsx — createShortlink awaits revalidate(), only revalidates on confirmed success, and shows toast feedback for both success and failure cases
• Editor/index.tsx — saveData awaits revalidate() and auto-closes the modal after a successful save
• Menu/Link/index.tsx — deleteLink awaits revalidate()
• Button/index.tsx — clickHandler uses try/finally so isLoading always resets even when the callback throws

Before / After

// Before — fire-and-forget, UI races ahead of the fetch
const createShortlink = async () => {
  await instance.post(`/api/db`, { ... });
  revalidate(); // not awaited
};

// After — button stays in loading state until list is refreshed
const createShortlink = async () => {
  const { data } = await instance.post(`/api/db`, { ... });
  if (data.success) {
    toast.success("Shortlink created successfully!");
    await revalidate(); // blocks until fresh data is in state
  } else {
    toast.error("Failed to create shortlink. Please try again.");
  }
};

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
pepper	Ready	Preview, Comment	Mar 14, 2026 7:06pm
sarfraz-alam-links	Error		Mar 14, 2026 7:06pm