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

update sveltekit, migrate to $app/state

Browse source
This commit is contained in:
sam 2024-12-17 23:33:05 +01:00
parent 80385893c7
commit 397ffc2d5e
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
6 changed files with 141 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

8
Foxnouns.Frontend/src/lib/components/Navbar.svelte
View file

@ -8,7 +8,7 @@
NavLink,
NavItem,
} from "@sveltestrap/sveltestrap";
import { page } from "$app/stores";
import { page } from "$app/state";
import type { Meta, MeUser } from "$api/models/index";
import Logo from "$components/Logo.svelte";
import { t } from "$lib/i18n";
@ -51,19 +51,19 @@
<NavItem>
<NavLink
href="/@{user.username}"
active={$page.url.pathname.startsWith(`/@${user.username}`)}
active={page.url.pathname.startsWith(`/@${user.username}`)}
>
@{user.username}
</NavLink>
</NavItem>
<NavItem>
<NavLink href="/settings" active={$page.url.pathname.startsWith("/settings")}>
<NavLink href="/settings" active={page.url.pathname.startsWith("/settings")}>
{$t("nav.settings")}
</NavLink>
</NavItem>
{:else}
<NavItem>
<NavLink href="/auth/log-in" active={$page.url.pathname === "/auth/log-in"}>
<NavLink href="/auth/log-in" active={page.url.pathname === "/auth/log-in"}>
{$t("nav.log-in")}
</NavLink>
</NavItem>

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

@ -1,6 +1,6 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { page } from "$app/stores";
import { page } from "$app/state";
import { t } from "$lib/i18n";
import { Nav, NavLink } from "@sveltestrap/sveltestrap";
@ -10,11 +10,11 @@
const isActive = (path: string | string[], prefix: boolean = false) =>
typeof path === "string"
? prefix
? $page.url.pathname.startsWith(path)
: $page.url.pathname === path
? 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);
? 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,13 +1,13 @@
<script lang="ts">
import type { Snippet } from "svelte";
import { page } from "$app/stores";
import { page } from "$app/state";
import { t } from "$lib/i18n";
import type { LayoutData } from "./$types";
type Props = { data: LayoutData; children: Snippet };
let { data, children }: Props = $props();
const isActive = (path: string) => $page.url.pathname === path;
const isActive = (path: string) => page.url.pathname === path;
let name = $derived(
data.member.display_name === data.member.name

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

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