frontend/src/pages/ProjectPage.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<script lang="ts">
  import type { Route } from '../lib/router';
  import ProjectDataTab from '../pages/ProjectDataTab.svelte';
  import ProjectStrategyTab from '../pages/ProjectStrategyTab.svelte';
  import ProjectBacktestTab from '../pages/ProjectBacktestTab.svelte';
  import ProjectResultsTab from '../pages/ProjectResultsTab.svelte';

  interface Props {
    route: Route;
  }
  let { route }: Props = $props();
</script>

<!-- Layout is provided once by App.svelte; wrapping here produced the doubled sidebar bug. -->
{#if route.name === 'project-data'}
  <ProjectDataTab projectId={route.params.id} />
{:else if route.name === 'project-strategy'}
  <ProjectStrategyTab projectId={route.params.id} />
{:else if route.name === 'project-backtest'}
  <ProjectBacktestTab projectId={route.params.id} />
{:else if route.name === 'project-results'}
  <ProjectResultsTab projectId={route.params.id} runId={route.query.get('run') ?? undefined} />
{/if}