Dependency upgrades

src/routes/+layout.svelte

@@ -10,7 +10,7 @@
 		NavLink,
 		Navbar,
 		NavbarBrand
-	} from 'sveltestrap';
+	} from '@sveltestrap/sveltestrap';
 
 	import { page } from '$app/stores';
 	import { locale, locales, isLoading } from 'svelte-i18n';

src/routes/+page.svelte

@@ -2,7 +2,7 @@
 	import { PUBLIC_BASE_URL } from '$lib/config';
 	import { screenSize, updateScreenSize } from '$lib/screen';
 
-	import { Container, Row, Toast, ToastBody } from 'sveltestrap';
+	import { Container, Row, Toast, ToastBody } from '@sveltestrap/sveltestrap';
 
 	import { onMount } from 'svelte';
 	import { writable } from 'svelte/store';

src/routes/Control.svelte

@@ -14,7 +14,7 @@
 		Input,
 		Label,
 		Row
-	} from 'sveltestrap';
+	} from '@sveltestrap/sveltestrap';
 	import FirmwareUpdater from './FirmwareUpdater.svelte';
 	import { uiSettings } from '$lib/uiSettings';
 

src/routes/FirmwareUpdater.svelte

@@ -3,7 +3,7 @@
 	import { onMount } from 'svelte';
 	import { _ } from 'svelte-i18n';
 	import { writable } from 'svelte/store';
-	import { Progress, Alert, Button } from 'sveltestrap';
+	import { Progress, Alert, Button } from '@sveltestrap/sveltestrap';
 
 	export let settings = { hwRev: '' };
 
@@ -112,12 +112,17 @@
 			const response = await fetch(
 				'https://api.github.com/repos/btclock/btclock_v3/releases/latest'
 			);
-			const data = await response.json();
-			latestVersion = data.tag_name;
-			releaseDate = new Date(data.created_at).toLocaleString();
-			releaseUrl = data.html_url;
 
-			isNewerVersionAvailable = compareVersions(latestVersion, currentVersion) === 1;
+			if (!response.ok) {
+				latestVersion = 'error';
+			} else {
+				const data = await response.json();
+				latestVersion = data.tag_name;
+				releaseDate = new Date(data.created_at).toLocaleString();
+				releaseUrl = data.html_url;
+
+				isNewerVersionAvailable = compareVersions(latestVersion, currentVersion) === 1;
+			}
 		} catch (error) {
 			console.error('Error fetching latest version:', error);
 		}
@@ -141,7 +146,7 @@
 	}
 </script>
 
-{#if latestVersion}
+{#if latestVersion && latestVersion != 'error'}
 	<p>
 		{$_('section.firmwareUpdater.latestVersion')}: {latestVersion} - {$_(
 			'section.firmwareUpdater.releaseDate'
@@ -153,6 +158,8 @@
 			{$_('section.firmwareUpdater.swUpToDate')}
 		{/if}
 	</p>
+{:else if latestVersion == 'error'}
+	<p>Error loading version, try again later.</p>
 {:else}
 	<p>Loading...</p>
 {/if}

src/routes/Settings.svelte

@@ -19,7 +19,7 @@
 		InputGroupText,
 		Label,
 		Row
-	} from 'sveltestrap';
+	} from '@sveltestrap/sveltestrap';
 	import EyeIcon from '../icons/EyeIcon.svelte';
 	import EyeSlashIcon from '../icons/EyeSlashIcon.svelte';
 

src/routes/Status.svelte

@@ -15,7 +15,7 @@
 		Progress,
 		Tooltip,
 		Row
-	} from 'sveltestrap';
+	} from '@sveltestrap/sveltestrap';
 	import Rendered from './Rendered.svelte';
 
 	export let settings;

src/routes/api/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button, Container } from 'sveltestrap';
+	import { Button, Container } from '@sveltestrap/sveltestrap';
 
 	import { onMount } from 'svelte';
 	let swaggerLoaded: boolean = false;