From 920e7901f46e9d8e8a09f5d184d66409a2f84141 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Thu, 29 Aug 2024 14:10:40 +0200
Subject: [PATCH] remove disclaimer

---
 website/src/lib/components/Welcome.svelte     |  29 ---
 website/src/lib/db.ts                         |   1 -
 .../src/routes/[[language]]/app/+page.svelte  | 209 +++++++++---------
 3 files changed, 106 insertions(+), 133 deletions(-)
 delete mode 100644 website/src/lib/components/Welcome.svelte

diff --git a/website/src/lib/components/Welcome.svelte b/website/src/lib/components/Welcome.svelte
deleted file mode 100644
index 4d3a344a..00000000
--- a/website/src/lib/components/Welcome.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import * as AlertDialog from '$lib/components/ui/alert-dialog';
-	import { settings } from '$lib/db';
-
-	const { showWelcomeMessage } = settings;
-</script>
-
-<AlertDialog.Root
-	open={$showWelcomeMessage === true}
-	closeOnEscape={false}
-	closeOnOutsideClick={false}
-	onOpenChange={() => ($showWelcomeMessage = false)}
->
-	<AlertDialog.Trigger class="hidden"></AlertDialog.Trigger>
-	<AlertDialog.Content>
-		<AlertDialog.Header>
-			<AlertDialog.Title>
-				Welcome to the new version of <b>gpx.studio</b>!
-			</AlertDialog.Title>
-			<AlertDialog.Description class="space-y-1">
-				<p>The website is still under development and may contain bugs.</p>
-				<p>Please report any issues you find by email or on GitHub.</p>
-			</AlertDialog.Description>
-		</AlertDialog.Header>
-		<AlertDialog.Footer>
-			<AlertDialog.Action>Let's go!</AlertDialog.Action>
-		</AlertDialog.Footer>
-	</AlertDialog.Content>
-</AlertDialog.Root>
diff --git a/website/src/lib/db.ts b/website/src/lib/db.ts
index 6a39ef02..18ae02bb 100644
--- a/website/src/lib/db.ts
+++ b/website/src/lib/db.ts
@@ -111,7 +111,6 @@ export const settings = {
     defaultWeight: dexieSettingStore('defaultWeight', (browser && window.innerWidth < 600) ? 8 : 5),
     bottomPanelSize: dexieSettingStore('bottomPanelSize', 170),
     rightPanelSize: dexieSettingStore('rightPanelSize', 240),
-    showWelcomeMessage: dexieSettingStore('showWelcomeMessage', true, false),
 };
 
 // Wrap Dexie live queries in a Svelte store to avoid triggering the query for every subscriber
diff --git a/website/src/routes/[[language]]/app/+page.svelte b/website/src/routes/[[language]]/app/+page.svelte
index 8f2a7769..f5d814ef 100644
--- a/website/src/routes/[[language]]/app/+page.svelte
+++ b/website/src/routes/[[language]]/app/+page.svelte
@@ -1,121 +1,124 @@
 <script lang="ts">
-	import GPXLayers from '$lib/components/gpx-layer/GPXLayers.svelte';
-	import ElevationProfile from '$lib/components/ElevationProfile.svelte';
-	import FileList from '$lib/components/file-list/FileList.svelte';
-	import GPXStatistics from '$lib/components/GPXStatistics.svelte';
-	import Map from '$lib/components/Map.svelte';
-	import Menu from '$lib/components/Menu.svelte';
-	import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
-	import StreetViewControl from '$lib/components/street-view-control/StreetViewControl.svelte';
-	import LayerControl from '$lib/components/layer-control/LayerControl.svelte';
-	import Resizer from '$lib/components/Resizer.svelte';
-	import { Toaster } from '$lib/components/ui/sonner';
+    import GPXLayers from '$lib/components/gpx-layer/GPXLayers.svelte';
+    import ElevationProfile from '$lib/components/ElevationProfile.svelte';
+    import FileList from '$lib/components/file-list/FileList.svelte';
+    import GPXStatistics from '$lib/components/GPXStatistics.svelte';
+    import Map from '$lib/components/Map.svelte';
+    import Menu from '$lib/components/Menu.svelte';
+    import Toolbar from '$lib/components/toolbar/Toolbar.svelte';
+    import StreetViewControl from '$lib/components/street-view-control/StreetViewControl.svelte';
+    import LayerControl from '$lib/components/layer-control/LayerControl.svelte';
+    import Resizer from '$lib/components/Resizer.svelte';
+    import { Toaster } from '$lib/components/ui/sonner';
 
-	import { observeFilesFromDatabase, settings } from '$lib/db';
-	import { gpxStatistics, loadFiles, slicedGPXStatistics } from '$lib/stores';
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
-	import { languages } from '$lib/languages';
-	import { getURLForLanguage } from '$lib/utils';
-	import Welcome from '$lib/components/Welcome.svelte';
+    import { observeFilesFromDatabase, settings } from '$lib/db';
+    import { gpxStatistics, loadFiles, slicedGPXStatistics } from '$lib/stores';
+    import { onMount } from 'svelte';
+    import { page } from '$app/stores';
+    import { languages } from '$lib/languages';
+    import { getURLForLanguage } from '$lib/utils';
 
-	const {
-		verticalFileView,
-		elevationProfile,
-		bottomPanelSize,
-		rightPanelSize,
-		additionalDatasets,
-		elevationFill
-	} = settings;
+    const {
+        verticalFileView,
+        elevationProfile,
+        bottomPanelSize,
+        rightPanelSize,
+        additionalDatasets,
+        elevationFill
+    } = settings;
 
-	onMount(() => {
-		observeFilesFromDatabase();
+    onMount(() => {
+        observeFilesFromDatabase();
 
-		let files = JSON.parse($page.url.searchParams.get('files') || '[]');
+        let files = JSON.parse($page.url.searchParams.get('files') || '[]');
 
-		if (files.length > 0) {
-			let downloads: Promise<File | null>[] = [];
-			files.forEach((url) => {
-				downloads.push(
-					fetch(url)
-						.then((response) => response.blob())
-						.then((blob) => new File([blob], url.split('/').pop()))
-				);
-			});
+        if (files.length > 0) {
+            let downloads: Promise<File | null>[] = [];
+            files.forEach((url) => {
+                downloads.push(
+                    fetch(url)
+                        .then((response) => response.blob())
+                        .then((blob) => new File([blob], url.split('/').pop()))
+                );
+            });
 
-			Promise.all(downloads).then((files) => {
-				files = files.filter((file) => file !== null);
-				loadFiles(files);
-			});
-		}
-	});
+            Promise.all(downloads).then((files) => {
+                files = files.filter((file) => file !== null);
+                loadFiles(files);
+            });
+        }
+    });
 </script>
 
 <div class="fixed flex flex-row w-screen h-screen h-dvh">
-	<div class="flex flex-col grow h-full min-w-0">
-		<div class="grow relative">
-			<Menu />
-			<div
-				class="absolute top-0 bottom-0 left-0 z-40 flex flex-col justify-center pointer-events-none"
-			>
-				<Toolbar />
-			</div>
-			<Map class="h-full {$verticalFileView ? '' : 'horizontal'}" />
-			<StreetViewControl />
-			<LayerControl />
-			<GPXLayers />
-			<Toaster richColors />
-			{#if !$verticalFileView}
-				<div class="h-10 -translate-y-10 w-full pointer-events-none absolute z-30">
-					<FileList orientation="horizontal" />
-				</div>
-			{/if}
-		</div>
-		{#if $elevationProfile}
-			<Resizer orientation="row" bind:after={$bottomPanelSize} minAfter={100} maxAfter={300} />
-		{/if}
-		<div
-			class="{$elevationProfile ? '' : 'h-10'} flex flex-row gap-2 px-2 sm:px-4"
-			style={$elevationProfile ? `height: ${$bottomPanelSize}px` : ''}
-		>
-			<GPXStatistics
-				{gpxStatistics}
-				{slicedGPXStatistics}
-				panelSize={$bottomPanelSize}
-				orientation={$elevationProfile ? 'vertical' : 'horizontal'}
-			/>
-			{#if $elevationProfile}
-				<ElevationProfile
-					{gpxStatistics}
-					{slicedGPXStatistics}
-					bind:additionalDatasets={$additionalDatasets}
-					bind:elevationFill={$elevationFill}
-					panelSize={$bottomPanelSize}
-					class="py-2"
-				/>
-			{/if}
-		</div>
-	</div>
-	{#if $verticalFileView}
-		<Resizer orientation="col" bind:after={$rightPanelSize} minAfter={100} maxAfter={400} />
-		<FileList orientation="vertical" recursive={true} style="width: {$rightPanelSize}px" />
-	{/if}
-	<Welcome />
+    <div class="flex flex-col grow h-full min-w-0">
+        <div class="grow relative">
+            <Menu />
+            <div
+                class="absolute top-0 bottom-0 left-0 z-40 flex flex-col justify-center pointer-events-none"
+            >
+                <Toolbar />
+            </div>
+            <Map class="h-full {$verticalFileView ? '' : 'horizontal'}" />
+            <StreetViewControl />
+            <LayerControl />
+            <GPXLayers />
+            <Toaster richColors />
+            {#if !$verticalFileView}
+                <div class="h-10 -translate-y-10 w-full pointer-events-none absolute z-30">
+                    <FileList orientation="horizontal" />
+                </div>
+            {/if}
+        </div>
+        {#if $elevationProfile}
+            <Resizer
+                orientation="row"
+                bind:after={$bottomPanelSize}
+                minAfter={100}
+                maxAfter={300}
+            />
+        {/if}
+        <div
+            class="{$elevationProfile ? '' : 'h-10'} flex flex-row gap-2 px-2 sm:px-4"
+            style={$elevationProfile ? `height: ${$bottomPanelSize}px` : ''}
+        >
+            <GPXStatistics
+                {gpxStatistics}
+                {slicedGPXStatistics}
+                panelSize={$bottomPanelSize}
+                orientation={$elevationProfile ? 'vertical' : 'horizontal'}
+            />
+            {#if $elevationProfile}
+                <ElevationProfile
+                    {gpxStatistics}
+                    {slicedGPXStatistics}
+                    bind:additionalDatasets={$additionalDatasets}
+                    bind:elevationFill={$elevationFill}
+                    panelSize={$bottomPanelSize}
+                    class="py-2"
+                />
+            {/if}
+        </div>
+    </div>
+    {#if $verticalFileView}
+        <Resizer orientation="col" bind:after={$rightPanelSize} minAfter={100} maxAfter={400} />
+        <FileList orientation="vertical" recursive={true} style="width: {$rightPanelSize}px" />
+    {/if}
 </div>
 
 <!-- hidden links for svelte crawling -->
 <div class="hidden">
-	{#each Object.entries(languages) as [lang, label]}
-		<a href={getURLForLanguage(lang, '/embed')}>
-			{label}
-		</a>
-	{/each}
+    {#each Object.entries(languages) as [lang, label]}
+        <a href={getURLForLanguage(lang, '/embed')}>
+            {label}
+        </a>
+    {/each}
 </div>
 
 <style lang="postcss">
-	div :global(.toaster.group) {
-		@apply absolute;
-		@apply right-2;
-		--offset: 50px !important;
-	}
+    div :global(.toaster.group) {
+        @apply absolute;
+        @apply right-2;
+        --offset: 50px !important;
+    }
 </style>