luulam/9router
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix small bug

Browse Source
This commit is contained in:
decolua
2026-05-14 11:16:52 +07:00
parent 1c3ab7be23
commit cebc72e343
1 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/(dashboard)/dashboard/usage/page.js
View File

@@ -25,7 +25,6 @@ function UsageContent() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const router = useRouter(); const router = useRouter();
const [tabLoading, setTabLoading] = useState(false);
const [period, setPeriod] = useState("7d"); const [period, setPeriod] = useState("7d");
const tabFromUrl = searchParams.get("tab"); const tabFromUrl = searchParams.get("tab");
@@ -35,11 +34,9 @@ function UsageContent() {
const handleTabChange = (value) => { const handleTabChange = (value) => {
if (value === activeTab) return; if (value === activeTab) return;
setTabLoading(true);
const params = new URLSearchParams(searchParams); const params = new URLSearchParams(searchParams);
params.set("tab", value); params.set("tab", value);
router.push(`/dashboard/usage?${params.toString()}`, { scroll: false }); router.push(`/dashboard/usage?${params.toString()}`, { scroll: false });
setTimeout(() => setTabLoading(false), 300);
}; };
return ( return (
@@ -66,19 +63,13 @@ function UsageContent() {
)} )}
</div> </div>
{tabLoading ? ( {activeTab === "overview" && (
<CardSkeleton /> <Suspense fallback={<CardSkeleton />}>
) : ( <UsageStats period={period} setPeriod={setPeriod} hidePeriodSelector />
<> </Suspense>
{activeTab === "overview" && (
<Suspense fallback={<CardSkeleton />}>
<UsageStats period={period} setPeriod={setPeriod} hidePeriodSelector />
</Suspense>
)}
{activeTab === "logs" && <RequestLogger />}
{activeTab === "details" && <RequestDetailsTab />}
</>
)} )}
{activeTab === "logs" && <RequestLogger />}
{activeTab === "details" && <RequestDetailsTab />}
</div> </div>
); );
} }