sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

refactor(frontend): deduplicate isActive function

Browse source
This commit is contained in:
sam 2024-12-26 14:10:03 -05:00
parent 5077bd6a0b
commit 49e9eabea0
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
4 changed files with 13 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Foxnouns.Frontend/src/lib/pageUtils.svelte.ts Normal file
View file

@ -0,0 +1,10 @@
import { page } from "$app/state";
export const isActive = (path: string | string[], prefix: boolean = false) =>
typeof path === "string"
? prefix
? page.url.pathname.startsWith(path)
: page.url.pathname === path
: prefix
? path.some((p) => page.url.pathname.startsWith(p))
: path.some((p) => page.url.pathname === p);

11
Foxnouns.Frontend/src/routes/settings/+layout.svelte
View file

@ -1,20 +1,11 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { page } from "$app/state";
import { t } from "$lib/i18n";
import { Nav, NavLink } from "@sveltestrap/sveltestrap";
import { isActive } from "$lib/pageUtils.svelte";
type Props = { children: Snippet };
let { children }: Props = $props();
const isActive = (path: string | string[], prefix: boolean = false) =>
typeof path === "string"
? prefix
? page.url.pathname.startsWith(path)
: page.url.pathname === path
: prefix
? path.some((p) => page.url.pathname.startsWith(p))
: path.some((p) => page.url.pathname === p);
</script>
<svelte:head>

4
Foxnouns.Frontend/src/routes/settings/members/[id]/+layout@.svelte
View file

@ -1,14 +1,12 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { page } from "$app/state";
import { t } from "$lib/i18n";
import type { LayoutData } from "./$types";
import { isActive } from "$lib/pageUtils.svelte";
type Props = { data: LayoutData; children: Snippet };
let { data, children }: Props = $props();
const isActive = (path: string) => page.url.pathname === path;
let name = $derived(
data.member.display_name === data.member.name
? data.member.name

4
Foxnouns.Frontend/src/routes/settings/profile/+layout@.svelte
View file

@ -1,13 +1,11 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { page } from "$app/state";
import { t } from "$lib/i18n";
import type { LayoutData } from "./$types";
import { isActive } from "$lib/pageUtils.svelte";
type Props = { data: LayoutData; children: Snippet };
let { data, children }: Props = $props();
const isActive = (path: string) => page.url.pathname === path;
</script>
<svelte:head>