Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-02 08:07:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Delay nprogress

Browse Source
This commit is contained in:
Kalle
2026-08-16 20:06:01 +03:00
parent c072493928
commit 001f89690b
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/src/routes/+layout.svelte
View File

@@ -16,18 +16,28 @@ import { IS_E2E_TEST_RUN } from "#lib/utils/e2e.ts";
import { navigating } from "$app/state";
import type { LayoutProps } from "./$types";
const LOADING_INDICATOR_DELAY_MS = 150;
let { data, children }: LayoutProps = $props();
const theme = $derived(data.theme ?? null);
NProgress.configure({ parent: "#nprogress-anchor", showSpinner: false });
const isNavigating = $derived(Boolean(navigating.to));
$effect(() => {
if (navigating.to) {
NProgress.start();
} else {
NProgress.done();
}
const navigationOngoing = isNavigating;
const timeout = setTimeout(() => {
if (navigationOngoing) {
NProgress.start();
} else {
NProgress.done();
}
}, LOADING_INDICATOR_DELAY_MS);
return () => clearTimeout(timeout);
});
</script>