|
5 | 5 | import { projectRegion } from '../store'; |
6 | 6 | import { hasOnboardingDismissed, setHasOnboardingDismissed } from '$lib/helpers/onboarding'; |
7 | 7 | import { goto } from '$app/navigation'; |
8 | | - import { resolve } from '$app/paths'; |
9 | 8 | import { Layout, Button, Typography } from '@appwrite.io/pink-svelte'; |
10 | 9 | import { user } from '$lib/stores/user'; |
11 | 10 | import { isSmallViewport } from '$lib/stores/viewport'; |
12 | 11 | import { trackEvent } from '$lib/actions/analytics'; |
13 | 12 | import { resolvedProfile } from '$lib/profiles/index.svelte'; |
14 | 13 |
|
| 14 | + const region = $derived(page.params.region); |
| 15 | + const project = $derived(page.params.project); |
| 16 | +
|
15 | 17 | function dismissOnboarding() { |
16 | | - setHasOnboardingDismissed(page.params.project, $user); |
| 18 | + setHasOnboardingDismissed(project, $user); |
17 | 19 | trackEvent('onboarding_hub_platform_dismiss'); |
18 | | - goto(resolvedProfile.getProjectRoute({ region: $project.region, project: $project.$id })); |
| 20 | + goto(resolvedProfile.getProjectRoute({ region, project })); |
19 | 21 | } |
20 | 22 | </script> |
21 | 23 |
|
|
29 | 31 | </span> |
30 | 32 | </Typography.Title> |
31 | 33 | <Layout.Stack direction="row" inline> |
32 | | - <Id value={page.params.project} copyText="Copy project ID" |
33 | | - >{page.params.project}</Id> |
| 34 | + <Id value={project} copyText="Copy project ID">{project}</Id> |
34 | 35 | {#if $projectRegion} |
35 | 36 | <RegionEndpoint region={$projectRegion} /> |
36 | 37 | {/if} |
|
57 | 58 | >Follow a few quick steps to get started with {resolvedProfile.platform}</Typography.Text> |
58 | 59 | </Layout.Stack> |
59 | 60 | <div class="dashboard-header-button"> |
60 | | - {#if !hasOnboardingDismissed(page.params.project, $user)} |
| 61 | + {#if !hasOnboardingDismissed(project, $user)} |
61 | 62 | <Button.Button size="s" variant="secondary" on:click={dismissOnboarding}> |
62 | 63 | Dismiss this page |
63 | 64 | </Button.Button> |
|
0 commit comments