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

9
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,10 +63,6 @@ function UsageContent() {
)} )}
</div> </div>
{tabLoading ? (
<CardSkeleton />
) : (
<>
{activeTab === "overview" && ( {activeTab === "overview" && (
<Suspense fallback={<CardSkeleton />}> <Suspense fallback={<CardSkeleton />}>
<UsageStats period={period} setPeriod={setPeriod} hidePeriodSelector /> <UsageStats period={period} setPeriod={setPeriod} hidePeriodSelector />
@@ -77,8 +70,6 @@ function UsageContent() {
)} )}
{activeTab === "logs" && <RequestLogger />} {activeTab === "logs" && <RequestLogger />}
{activeTab === "details" && <RequestDetailsTab />} {activeTab === "details" && <RequestDetailsTab />}
</>
)}
</div> </div>
); );
} }