From 57b37d84c46d0114723bec004cae2f47a1e44b8e Mon Sep 17 00:00:00 2001
From: slothful-vassal <89943360+slothful-vassal@users.noreply.github.com>
Date: Tue, 13 Jan 2026 11:57:27 +0100
Subject: [PATCH] Fix new trail (#673)

* Update FUNDING.yml

* fix new trail page reload
---
 web/src/lib/components/nav_bar.svelte | 42 ++++++++++++++-------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/web/src/lib/components/nav_bar.svelte b/web/src/lib/components/nav_bar.svelte
index dab22e78..4c3edcb5 100644
--- a/web/src/lib/components/nav_bar.svelte
+++ b/web/src/lib/components/nav_bar.svelte
@@ -219,26 +219,28 @@
                     : 'moon'}"
                 onclick={() => toggleTheme()}
             ></button>
-            <div class="flex">
-                <a
-                    class="btn-primary btn-large !rounded-r-none focus:ring-0"
-                    href="/trail/edit/new"
-                    ><i class="fa fa-plus mr-2"></i>{$_("new-trail")}</a
-                >
-                <Dropdown
-                    items={importDropdownItems}
-                    onchange={(item) => handleImportDropdownClick(item)}
-                >
-                    {#snippet children({ toggleMenu: openDropdown })}
-                        <button
-                            onclick={openDropdown}
-                            class="bg-primary rounded-r-lg text-white min-h-12 hover:bg-primary-hover px-3"
-                            aria-label="Open trail create dropdown"
-                            ><i class="fa fa-caret-down"></i></button
-                        >
-                    {/snippet}
-                </Dropdown>
-            </div>
+            <nav data-sveltekit-reload>
+                <div class="flex">
+                    <a
+                        class="btn-primary btn-large !rounded-r-none focus:ring-0"
+                        href="/trail/edit/new"
+                        ><i class="fa fa-plus mr-2"></i>{$_("new-trail")}</a
+                    >
+                    <Dropdown
+                        items={importDropdownItems}
+                        onchange={(item) => handleImportDropdownClick(item)}
+                    >
+                        {#snippet children({ toggleMenu: openDropdown })}
+                            <button
+                                onclick={openDropdown}
+                                class="bg-primary rounded-r-lg text-white min-h-12 hover:bg-primary-hover px-3"
+                                aria-label="Open trail create dropdown"
+                                ><i class="fa fa-caret-down"></i></button
+                            >
+                        {/snippet}
+                    </Dropdown>
+                </div>
+            </nav>
             {#if page.data.notifications}
                 <NotificationDropdown></NotificationDropdown>
             {/if}