Fix join page on white labeled instance

src/app/components/SpaceInviteAccept.svelte

@@ -33,9 +33,10 @@
   type Props = {
     invite: string
     back?: () => void
+    hideHeader?: boolean
   }
 
-  let {invite = "", back = () => history.back()}: Props = $props()
+  let {invite = "", back = () => history.back(), hideHeader}: Props = $props()
 
   const toggleScanner = () => {
     showScanner = !showScanner
@@ -95,6 +96,7 @@
 
 <Modal tag="form" onsubmit={preventDefault(join)}>
   <ModalBody>
+    {#if !hideHeader}
       <ModalHeader>
         <ModalTitle>Join a Space</ModalTitle>
         <ModalSubtitle
@@ -117,6 +119,7 @@
       {#if showScanner}
         <Scanner onscan={onScan} />
       {/if}
+    {/if}
     {#if inviteData}
       <div class="-my-4">
         <div transition:slideAndFade class="flex flex-col gap-4 py-4">

src/app/routes.ts

@@ -20,7 +20,7 @@ import {
   getRelaysFromList,
 } from "@welshman/util"
 import {makeChatId} from "@app/chats"
-import {entityLink, PLATFORM_URL} from "@app/env"
+import {entityLink, PLATFORM_URL, PLATFORM_RELAYS} from "@app/env"
 import {encodeRelay, hasNip29} from "@app/relays"
 import {DM_KINDS} from "@app/content"
 import {ROOM} from "@app/groups"
@@ -101,6 +101,14 @@ export const goToSpace = (url: string, hash = "") => {
   return goto(makeSpacePath(url) + hash, {replaceState: true})
 }
 
+export const goToHome = () => {
+  if (PLATFORM_RELAYS.length > 0) {
+    goToSpace(PLATFORM_RELAYS[0], get(page).url.hash)
+  } else {
+    goto("/home" + get(page).url.hash)
+  }
+}
+
 // Content types, events
 
 export const makeMessagePath = (url: string, event: TrustedEvent) => {

src/routes/+page.svelte

@@ -1,14 +1,5 @@
 <script lang="ts">
-  import {goto} from "$app/navigation"
+  import {goToHome} from "@app/routes"
-  import {page} from "$app/stores"
-  import {goToSpace} from "@app/routes"
-  import {PLATFORM_RELAYS} from "@app/env"
 
-  $effect(() => {
+  $effect(goToHome)
-    if (PLATFORM_RELAYS.length > 0) {
-      goToSpace(PLATFORM_RELAYS[0], $page.url.hash)
-    } else {
-      goto("/home" + $page.url.hash)
-    }
-  })
 </script>

src/routes/join/+page.svelte

@@ -1,18 +1,20 @@
 <script lang="ts">
   import {page} from "$app/stores"
-  import {goto} from "$app/navigation"
   import Dialog from "@lib/components/Dialog.svelte"
   import SpaceInviteAccept from "@app/components/SpaceInviteAccept.svelte"
-
+  import {goToHome} from "@app/routes"
-  const close = () => goto("/home")
+  import {modal} from "@app/modal"
 
   const children = {
     component: SpaceInviteAccept,
     props: {
+      hideHeader: true,
       invite: $page.url.href,
-      back: close,
+      back: goToHome,
     },
   }
 </script>
 
-<Dialog {children} onClose={close} />
+{#if !$modal}
+  <Dialog {children} onClose={goToHome} />
+{/if}