From 05b09e616559b55d70b9e38bbe78a596213460d9 Mon Sep 17 00:00:00 2001
From: zx07 <charszha@gmail.com>
Date: Mon, 16 Feb 2026 17:30:36 +0800
Subject: [PATCH] feat: implement lazy loading for UsagePage with suspense
 fallback (#136)

Co-authored-by: zx <me@char.moe>
---
 src/app/(dashboard)/dashboard/usage/page.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/(dashboard)/dashboard/usage/page.js b/src/app/(dashboard)/dashboard/usage/page.js
index 06bd9197..5581af63 100644
--- a/src/app/(dashboard)/dashboard/usage/page.js
+++ b/src/app/(dashboard)/dashboard/usage/page.js
@@ -7,6 +7,14 @@ import ProviderLimits from "./components/ProviderLimits";
 import RequestDetailsTab from "./components/RequestDetailsTab";
 
 export default function UsagePage() {
+  return (
+    <Suspense fallback={<CardSkeleton />}>
+      <UsagePageContent />
+    </Suspense>
+  );
+}
+
+function UsagePageContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
   const [activeTab, setActiveTab] = useState(searchParams.get("tab") || "overview");